能否导入JavaScript库至浏览器控制台？如何永久导入自定义库至DevTools？

方法1：用DevTools自带的代码片段（Snippets） #

这是最省心的内置方案，不用额外工具：

• 打开Edge DevTools（按F12或Ctrl+Shift+I）
• 切到Sources面板，左侧找Snippets标签（没显示就点侧边栏的「>>」展开）
• 点「New snippet」，给片段起个名字比如MyCustomLib.js
• 把你的自定义库代码粘贴进去，按Ctrl+S保存
• 要用的时候右键片段选「Run」，或者按Ctrl+Enter执行；想自动加载的话看下面：
  • 打开DevTools设置（右上角齿轮图标），找到Experiments，先勾选「Enable experiments」，再启用「Automatically run snippets on every page load」
  • 回到Snippets，右键你的库片段，选「Run on every page load」，之后每次打开DevTools，库都会自动加载

方法2：用浏览器用户脚本自动注入 #

适合需要在所有页面自动加载库的场景：

• 打开Edge的扩展页面（输入edge://extensions/回车）
• 开启「开发者模式」，要么加载自己写的解压扩展，要么装个用户脚本管理器
• 创建新脚本，把@match设为*://*/*（表示所有页面都生效），然后把库代码写进去，示例：

// ==UserScript==
// @name         加载我的自定义JS库
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    // 这里粘贴你的自定义库代码
    window.MyCustomLib = {
        sayHello: () => console.log("Hello from my lib!")
    };
})();

• 保存后，每次打开网页，库会自动挂到window对象上，控制台直接调用MyCustomLib.sayHello()就行

方法3：修改DevTools启动脚本（进阶） #

适合懂浏览器配置的用户，注意版本更新可能失效：

• 找到Edge的用户数据目录，一般是C:\Users\<你的用户名>\AppData\Local\Microsoft\Edge\User Data\Default
• 创建或编辑DevToolsPreferences文件（无扩展名）
• 添加一行配置："customStartupScript": "这里粘贴你的完整库代码"
• 重启Edge，之后打开DevTools时，库代码会自动执行，直接在控制台用就行

内容的提问来源于stack exchange，提问作者Gzrespect