如何在浏览器控制台中引入外部 JS

痴心易碎 提交于 2020-01-31 01:03:04

背景

在 JS 调试中需要使用外部函数 (例如 md5),但是却不能在控制台中使用。
在这里插入图片描述

解决方案

例如加入以下 md5 所需 js:

<script src="https://cdn.staticfile.org/blueimp-md5/2.12.0/js/md5.min.js"></script>

可在 Chrome Console 中输入:

var script = document.createElement('script');
script.src = "https://cdn.staticfile.org/blueimp-md5/2.12.0/js/md5.min.js";
document.getElementsByTagName('head')[0].appendChild(script);

测试:

  • 本方法在 Chrome、Edge、Firefox上均可使用。
  • 其他浏览器未经测试不代表不能使用,具体请自行测试。

Chrome:
在这里插入图片描述
Edge:
在这里插入图片描述
Firefox:
在这里插入图片描述


参考文章:https://www.zorkelvll.cn/blogs/zorkelvll/articles/2018/11/17/1542461611996

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!