迁移代码片段后无法打开DevTools

Question

我认为我在Edge（当前Ver 103）中损坏了我的主要配置文件，同时从另一个配置文件迁移代码片段。我使用InspectorFrontendHost.getPreferences / setPreference < / code>来迁移我的摘要，并且看起来正常。

但是，DevTools不会使用F12，CTRL-SHFT-I或右键单击重新打开。 我可以看到一个DevTools选项卡出现在浏览器任务管理器中，但是没有出现窗口或选项卡。

DevTools在我的其他配置文件中在同一台机器上工作正常，即使我同时在不同的Windows上打开了两个配置文件。

我可以强制重置边缘配置文件的部分，该部分存储片段而不会丢失其余的轮廓？我在工作机器上，因此无法获得高架特权。 谢谢

Answer 1

不幸的是，我无法复制这个问题。我尝试了相同的功能来导出/导入片段，但是我的DevTools仍然成功启动。由于DevTools选项卡在浏览器任务管理器中，因此您可以双击选项卡，以查看它是否无意间最小化。

但是我恐怕您不仅可以重置存储片段的边缘配置文件的一部分。我建议您进行浏览器重置以查看它是否有效。您可以转到设置 - ＆gt;重置设置 - ＆GT;还原设置为其默认值。

顺便说一句，您的摘要位于您的个人资料路径下的“偏好”文件。您可以转到Edge：//版本以找到您的个人资料路径。

Answer 2

我也有同样的问题（即使在浏览器重新启动后，我也无法打开DevTools）。原因是我首先将偏好设置为错误的价值（而不是包含json的字符串 - 我将其包裹到另一个字符串字面的字符串 - 字符串的lenght大约为127KB）。也许是因为弦长的长度，因为浏览器像JSON一样解析它，它由一个长长的文字组成。 来完成此操作

InspectorFrontendHost.setPreference("scriptSnippets",JSON.stringify(text)

我通过解决问题

1. - 您需要：退出浏览器（因为浏览器会不断使用首选项重写文件）
2. 用名称 preverences - files - 实际上是json修复文件，尽管没有扩展。如果您知道如何修复JSON做到这一点 - 如果您不这样做，则只需在某个地方复制“ Scriptsnippets”的值，以免丢失所有片段！！！保存破碎的摘要后的快速修复 - 只需为属性“ scriptsnippets”设置“空刺”字面的“”），

以找到文件的路径，并找到下面的url并找到行 profile profile path path （其OS文件系统中包含首选项的目录中的路径 json文件）

chrome://version

，以防万一，

如果要下载所有片段为JSON文件：

// get string in json format of all snippets
InspectorFrontendHost.getPreferences(preferencesList=>{
    // make blob from json
    const snippets_blob = new Blob([preferencesList.scriptSnippets],{type:'application/json'});
    
    function saveBlobToFile(blob, filename) {
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        a.download = filename;
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
        URL.revokeObjectURL(url);
    }
    
    saveBlobToFile(snippets_blob, `snippets_from_chrome_${new Date().toLocaleDateString().replaceAll('/','_')}.json`)
});

从JSON上传摘要文件使用：

const input = document.createElement('input');
input.type = 'file';
input.style = 'position: fixed; z-index: 100;';
document.body.prepend(input); // input will appear at initial devtool window that was opened first

input.addEventListener('change',function (event) {
    const file = event.target.files[0];
    file.text().then(text=>{
        InspectorFrontendHost.setPreference("scriptSnippets",text);
    })
})