Где Microsoft Edge сохраняет localsorage на компьютере под управлением Windows 10? - PullRequest
0 голосов
/ 14 сентября 2018

Где я могу найти папку localstorage для Microsoft Edge? Я ищу путь к папке.

1 Ответ

0 голосов
/ 27 сентября 2018

Я проверяю эту проблему и пытаюсь найти местоположение для локального файла хранения на компьютере для 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>

Пользователь может просматривать данные изображения в файле.

Также для перекрестной проверки пользователь может вводить данные в локальное хранилище из инструментов разработчика и пытаться найтиэти данные в файле.

Вывод:

enter image description here

...