Как получить доступ к localalstorage на веб-странице при использовании браузера Edge? - PullRequest
0 голосов
/ 12 февраля 2019

Когда я запускаю эту веб-страницу в Firefox, она работает нормально.Когда страница открывается, она берет имя из первого поля, сохраняет его, а затем отображает это имя во втором окне.Он открывается, показывая два имени Джон и Фред, как и предполагалось.В Edge он останавливается на указанной строке localStorage.setItem.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>data test</title>

<script>

function shift_Data() {

//find the data
var data_source = document.getElementById("data_from_here");

var data_to_save = " ";
    data_to_save = data_source.options[1].value;

//save the data
localStorage.setItem("data_saved", data_to_save);

// **** code does not get to here in the Edge browser ****

//retreive the data
var data_target = document.getElementById("data_to_here");
        data_target.innerHTML = '';

var the_data_saved = " ";

the_data_saved = localStorage.getItem("data_saved");

//display the data

    var option = document.createElement('option');
        option.textContent = the_data_saved;

    data_target.appendChild(option);
}

</script>
</head>

<body onload="shift_Data()">

<h1>data test 1</h1>

<form id="myForm">

  <select id="data_from_here">
        <option value="John">John</option>
    <option value="Fred">Fred</option>
  </select>

  <select id="data_to_here">
    <option>data is saved here</option>
  </select>

</form>

</body>

</html>

Как изменить операторы для использования localStorage в Edge?

Любая помощь приветствуется.

1 Ответ

0 голосов
/ 12 февраля 2019

Я согласен с предложением @Duncan Thacker.

Код не работает, поскольку ваш HTML-файл хранится локально.Чтобы он работал с IE и Edge, вам нужно разместить этот HTML-файл на любом веб-сервере.

В целях тестирования, вы можете попробовать разместить его на сервере IIS, а затем попытаться получить доступ к вашей странице.Чем после того, как ваш код будет работать с IE и Edge.

Это не должно рассматриваться как проблема / ошибка, потому что это происходит по соображениям безопасности.

Ниже приведены некоторые ссылки, которые могут помочь вамустановить IIS на Win 10 и разместить сайт на IIS.

(1) Как установить IIS на Windows 8 или Windows 10

(2) Turnв IIS в Windows 10

(3) Как настроить свой первый веб-сайт IIS

(4) Как разместить веб-сайтв диспетчере Internet Information Server

Сообщите нам, если у вас все еще есть проблемы с хостингом сайта или использованием примера локального хранилища с IE или Edge.Мы постараемся предоставить вам дополнительные предложения.

...