Я проверяю эту проблему и пытаюсь найти местоположение для локального файла хранения на компьютере для Edge.
На основе моего поиска этот файл скрыт, и если вы включите опцию для отображения скрытых файлов, то такжеэтот файл не будет виден.
Чтобы увидеть этот файл, вам нужно использовать опцию поиска, чтобы найти файл в проводнике Windows.
Если я копирую путь из адресной строки, он показывает путьниже.
мс: отображаемое имя = Поиск% 20Результаты% 20in% 20Default & crumb = System.Generic.String% 3Alocalhost & crumb = location: C% 3A% 5Cusers% 5Cpanchals% 5CAppData% 5CLocal% 5CPackages% 5CMbbb8с_web008Microsoft.% 5CAC% 5C #! 001% 5CMicrosoftEdge% 5CUser% 5CDefault
Если я проверяю свойства файла, он показывает путь ниже.
C: \ Users \ panchals\ AppData \ Local \ Packages \ Microsoft.MicrosoftEdge_8wekyb3d8bbwe \ AC #! 001 \ MicrosoftEdge \ User \ Default \ DOMStore \ IS3DHS80
Пользователь может перемещаться до папки «Default» с помощью пользовательского интерфейса, а затемнеобходимо использовать опцию поиска, чтобы найти файл.
Имя файла будет localhost [ 1 ]
Чтобы выполнить тест, пользователь может использовать приведенный ниже код.
<!DOCTYPE html>
<html>
<head>
<title>Simple Drawing App</title>
<meta http-equiv="X-UA-Compatible" content="IE=10">
<style>
html {
-ms-touch-action: none;
text-align: center; /* Center all contents of the page. */
}
</style>
</head>
<body id="bodyElement">
<!-- This ID is used in the following script block for feature detection. -->
<h1>Simple Drawing App</h1>
<h3>Example 2</h3>
<canvas id="drawSurface" width="500" height="500" style="border:1px solid black;"></canvas> <!-- The canvas element can only be manipulated via JavaScript -->
<div>
<button id="erase">Erase</button>
<button id="save">Save</button>
<button id="load">Load</button>
</div>
<script>
function requiredFeaturesAvailable() {
return (
!!window.addEventListener && // Use the double negative "!!" to force the object to a Boolean value.
!!document.createElement('canvas').getContext &&
!!window.localStorage
);
} // requiredFeaturesAvailable
if (!requiredFeaturesAvailable()) {
document.getElementById('bodyElement').innerHTML = "<h2>Required features are not supported by this browser.</h2><p>To use this application, upgrade your browser to the latest version.</p>";
}
else {
window.addEventListener('load', init, false); // Safety first.
function init() {
var canvas = document.getElementById('drawSurface'); // A static variable, due to the fact that one or more local functions access it.
var context = canvas.getContext('2d'); // A static variable, due to the fact that one or more local functions access it.
context.fillStyle = "purple";
if (window.navigator.msPointerEnabled) {
canvas.addEventListener('MSPointerMove', paintCanvas, false);
}
else {
canvas.addEventListener('mousemove', paintCanvas, false);
}
document.getElementById('erase').addEventListener('click', eraseCanvas, false);
document.getElementById('save').addEventListener('click', saveCanvas, false);
document.getElementById('load').addEventListener('click', loadCanvas, false);
function paintCanvas(event) { // The "event" object contains the position of the pointer/mouse.
context.fillRect(event.offsetX, event.offsetY, 4, 4); // Draw a 4x4 rectangle at the given coordinates (relative to the canvas box). As of this writing, not all browsers support offsetX and offsetY.
} // paintCanvas
function saveCanvas() {
window.localStorage.canvasImage = canvas.toDataURL(); // Save the user's drawing to persistent local storage.
} // saveCanvas
function eraseCanvas() {
context.clearRect(0, 0, context.canvas.width, context.canvas.height);
} // eraseCanvas
function loadCanvas() {
var img = new Image(); // The canvas drawImage() method expects an image object.
img.src = window.localStorage.canvasImage; // Retrieve the last saved artistic achievement from persistent local storage.
img.onload = function () { // Only render the saved drawing when the image object has fully loaded the drawing into memory.
context.drawImage(img, 0, 0); // Draw the image starting at canvas coordinate (0, 0) - the upper left-hand corner of the canvas.
} // onload
} // loadCanvas
} // init
} // else
</script>
</body>
</html>
Пользователь может просматривать данные изображения в файле.
Также для перекрестной проверки пользователь может вводить данные в локальное хранилище из инструментов разработчика и пытаться найтиэти данные в файле.
Вывод: