在Chrome的调试器控制台中运行我的脚本？

19 浏览
0 Comments

在Chrome的调试器控制台中运行我的脚本？

我厌倦了在Chrome的开发者控制台中一遍又一遍地重新输入相同的命令。我能否加载我在本地计算机上保存的脚本？

0

2 答案

0 Comments

Chrome浏览器的开发者工具中有一个功能叫做Snippets，可以解决在浏览器控制台中运行自己的脚本的问题。在Chrome的开发者工具中，可以通过以下步骤找到Snippets：首先，打开Chrome浏览器并打开开发者工具。在开发者工具的顶部菜单中选择"Sources"选项卡。然后，在左侧的面板中选择"Snippets"选项卡。现在可以看到Snippets列表。要运行一个Snippet，只需右键单击Snippet列表中的条目，然后选择"Run"选项。

如下图所示，是目前（撰写本文时）在Chrome开发者工具中找到Snippets的位置：

enter image description here

0
0 Comments

问题原因：在Chrome的调试器控制台中运行自己的脚本时，出现了"Not allowed to load local resource"的错误，这是因为在file:// URL上运行开发者工具时，不允许加载本地资源。

解决方法：可以使用以下两种方法解决这个问题：

1. 在file:// URL上运行开发者工具时，可以通过以下代码将脚本添加到页面中：

s = document.createElement('script'); 
s.src = 'file://path/to/script.js'; 
document.body.appendChild(s);

2. 另一种解决方法是将经常重复使用的代码片段粘贴到开发者工具中。

注意：这些解决方法在Windows 10上的Chrome 64版本中有效。

0