怎么在Chrome地址栏一次性执行多行JavaScript？
功能定位：为什么要在地址栏跑多行脚本
Chrome 地址栏默认把「javascript:」协议后的多行代码当成单行解析，换行会被吃掉，导致语法报错。把完整脚本塞进单行既不美观也易超 2 k 字符上限。借助 data:text/html 协议，可把多行 JS 封装成临时 HTML，再让地址栏一次性加载，从而绕过长度与格式限制，同时保留控制台外的「零 UI」执行体验。
这一招适合临时爬数据、批量改 DOM、快速截图等「用完即走」场景；若需调试断点、查看调用栈，仍建议切回 DevTools。以下方案在 Windows／macOS／Linux 的 Chrome 128 稳定版验证通过，移动端因地址栏会强制搜索，暂不支持。
方案 A：书签法（推荐，可复用）
步骤 1：生成 data URL
打开任意编辑器，把下方模板粘进去，把 /* 你的脚本 */ 替换成真实逻辑，注意外层用 <script> 包裹：
data:text/html,<script>
/* 你的多行 JS */
const t = document.title;
console.log(t);
alert('当前标题：' + t);
</script>
把整段连成一个字符串（不要手动换行），得到类似：
data:text/html,<script>const t=document.title;console.log(t);alert('当前标题：'+t);</script>
步骤 2：存为书签
Chrome 桌面版任意页面按 Ctrl + D → 名称填「一键跑JS」→ URL 粘贴刚才的 data URL → 保存。以后在任何标签页点该书签即可执行，地址栏不会留下历史记录。
边界与回退
- 若脚本含双引号，把内部双引号改
%22或用单引号，避免提前截断。 - data URL 长度上限约 2 MB（经验性观察），超限会静默失败；可拆成 IIFE 再外链。
- 书签误点可立即刷新页面即可终止脚本，副作用仅限当前标签。
方案 B：地址栏直输（一次性）
如果脚本极短，可把换行改成「%0A」直接粘进地址栏，例如：
javascript:alert('A');%0Aalert('B');
Chrome 128 仍会弹出「您确定要运行此脚本？」警告，点「运行」即可。超过两行后可读性骤降，仅适合演示。
性能与合规注意
data URL 生成的页面位于 about:blank 同源孤岛，无法读取原页面 Cookie 或 LocalStorage，但可通过 window.open 返回原页再注入脚本——此举会触发 Chrome 的「用户手势」限制，若原站已设 CSP script-src 'self' 也会被拦。经验性观察：在电商后台、银行后台等 CSP 严格站点，建议切回控制台或 Snippets。
与 DevTools Snippets 的取舍
| 维度 | 地址栏 data URL | DevTools Snippets |
|---|---|---|
| 入口速度 | 一次点击，秒级 | 需 F12 → Sources → Snippets |
| 调试能力 | 无断点 | 完整断点、Profiler |
| 跨设备同步 | 书签随账号同步 | 需手动导出 |
| CSP 限制 | 易触发 | 控制台可绕过 |
结论：调试阶段用 Snippets，生产巡检或运营日报用地址栏书签，各取所长。
故障排查速查表
- 现象：点击书签无反应
验证：地址栏是否出现「about:blank#blocked」
处置：检查脚本是否含window.close()，被 Chrome 拦截，改用setTimeout(()=>window.close(),500)延迟。 - 现象：alert 弹出后页面空白
验证：data URL 未包含</script>闭合标签
处置：补全标签并重新保存书签。 - 现象：中文乱码
验证：未指定 charset
处置：模板改为data:text/html;charset=utf-8,<script>…
常见疑问（FAQ Schema）
移动端能否用同样办法？
不能。Android/iOS 的地址栏会把 data URL 当成搜索关键词跳转到默认搜索引擎，需借助「添加到主屏幕」的 PWA 或 Kiwi 等支持扩展的浏览器。
脚本会留下痕迹吗？
data URL 页面不会写进历史记录，但书签本身保存在账号云端；若脚本内有 console.log，DevTools 打开时可看到输出，关闭即消失。
能否读取原页面 Cookie？
同源策略下，data URL 与目标页不同源，无法直接读取；如需携带 Cookie，须在原页注入 fetch 并手动附 credentials:'include'，此时建议改用 Snippets 或扩展内容脚本。
下一步行动
把最常用的审计脚本（提取图片、一键导出表格、自动滚屏截图）做成三枚书签，放在书签栏最左侧；每周 review 一次，确保脚本与目标站点 DOM 同步。若脚本长度超过 500 行或需多人协作，立即迁移到 GitHub 私有仓 + Snippets 导入，避免「书签爆炸」难维护。
