您的位置: 首页  >  技术问答  >  Microsoft Edge在Windows 10下的计算机上将localsorage保存在哪里?

Microsoft Edge在Windows 10下的计算机上将localsorage保存在哪里?

分类: 技术问答 • 2022-05-26 14:39:33
问题描述：

在哪里可以找到Microsoft Edge的localstorage文件夹?我正在寻找文件夹路径.

Where can I find the localstorage folder for Microsoft Edge? I am seeking the folder path.

答

我测试了此问题，并尝试为Edge找到计算机上本地存储文件的位置.

I test this issue and try to find the location for local storage file on computer for Edge.

根据我的搜索，该文件被隐藏，如果您打开显示隐藏文件的选项，则该文件也将不可见.

Based on my search this file is hidden and if you turn the option on to display the hidden files then also this file will not get visible.

要查看此文件，您需要使用搜索选项在Windows资源管理器中查找文件.

To see this file you need to use the search option to find the file in windows Explorer.

如果我从地址栏中复制路径，则会在下面显示路径.

If I copy the path from address bar then it shows path below.

ms:displayname = Search％20Results％20in％20Default& crumb = System.Generic.String％3Alocalhost& crumb =位置:C％3A％5CUsers％5Cpanchals％5CAppData％5CLocal％5CPackages％5CMicrosoft.MicrosoftEdge_8wekyb3d8bbwe％5CAC％C #！001％5CMicrosoftEdge％5CUser％5CDefault

ms:displayname=Search%20Results%20in%20Default&crumb=System.Generic.String%3Alocalhost&crumb=location:C%3A%5CUsers%5Cpanchals%5CAppData%5CLocal%5CPackages%5CMicrosoft.MicrosoftEdge_8wekyb3d8bbwe%5CAC%5C#!001%5CMicrosoftEdge%5CUser%5CDefault

如果我检查文件属性，那么它将显示以下路径.

If I check the file properties then it shows the path below.

C:\ Users \ panchals \ AppData \ Local \ Packages \ Microsoft.MicrosoftEdge_8wekyb3d8bbwe \ AC#！001 \ MicrosoftEdge \ User \ Default \ DOMStore \ IS3DHS80

C:\Users\panchals\AppData\Local\Packages\Microsoft.MicrosoftEdge_8wekyb3d8bbwe\AC#!001\MicrosoftEdge\User\Default\DOMStore\IS3DHS80

用户可以使用用户界面移动到默认"文件夹，然后需要使用搜索选项来定位文件.

User can move until 'Default' folder using user interface and then need to use search option to locate the file.

文件名将为localhost [ 1 ]

File name will be localhost[1]

要进行测试，用户可以参考下面的代码.

To Make a test, User can refer code below.

<!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>

用户可以在文件中看到图像数据.

User can see the image data in file.

还可以进行交叉检查，用户可以通过开发人员工具将数据输入本地存储中，并尝试在文件中查找该数据.

Also to cross check, User can enter the data in local storage from developer tools and try to find that data in file.

输出:

相关推荐