如何在浏览器开发者工具中导入本地JS文件并直接运行？

Question

在浏览器的开发者工具源代码面板下的工作区导入一个本地文件夹，然后创建一个js文件，里面写一段js脚本，那么我此时可以直接运行这个js脚本吗？如果可以该怎么操作。

Answer 1

// 在Console中执行以下代码，生成一个文件选择框
var input = document.createElement('input');
input.type = 'file';
input.onchange = function(event) {
    var file = event.target.files[0];
    var reader = new FileReader();
    reader.onload = function(e) {
        eval(e.target.result);  // 直接执行读取到的JS代码
    };
    reader.readAsText(file);
};
input.click();

先在控制台执行这段代码，然后再弹出的选择框中选择你要执行的js

Answer 2

工作区这里不行，不过代码片段里面的是可以的。

然后在打开开发者工具的情况下，按下 Ctrl+Shift+P，此时会弹出来一个 运行面板

按下退格键（删除），删掉 >，随即输入一个 !（英文的叹号）

就能看到刚刚创建的代码片段了，按下回车执行。

---

如果你想要自动执行的，你应该需要油猴脚本。

Answer 3

选中要执行的代码右键，或者ctrl+a全选，然后右键