什么&x2019;在实时网页上执行JavaScript文件的最快、最简单的方法是什么?
我有一个JavaScript文件URL: (托管在GitHub上并通过RawGit传递),我想通过浏览器的控制台将其注入到一个实时网页中 为了实现这一点,我可以动态创建什么&x2019;在实时网页上执行JavaScript文件的最快、最简单的方法是什么?,javascript,console,google-chrome-devtools,firefox-developer-tools,Javascript,Console,Google Chrome Devtools,Firefox Developer Tools,我有一个JavaScript文件URL: (托管在GitHub上并通过RawGit传递),我想通过浏览器的控制台将其注入到一个实时网页中 为了实现这一点,我可以动态创建元素并将其附加到DOM中: (function () { var s = document.createElement('script'); s.src = 'https://rawgit.com/Khan/tota11y/master/build/tota11y.min.js'; document.body.app
元素并将其附加到DOM中:
(function () {
var s = document.createElement('script');
s.src = 'https://rawgit.com/Khan/tota11y/master/build/tota11y.min.js';
document.body.appendChild(s);
}())
但这既不快也不容易。我希望使用一个API,通过简单的调用实现这一点,例如:
exec('https://rawgit.com/Khan/tota11y/master/build/tota11y.min.js')
Chrome或Firefox是否在其控制台中提供了这样的API(或类似的东西)
用例:在实时网页上快速测试GitHub上托管的JavaScript库 更新: 在Firefox中,您可以使用开发者工具栏插入脚本。用
Shift+F2打开它,然后键入injecthttps://rawgit.com/Khan/tota11y/master/build/tota11y.min.js
据我所见,您需要模块加载功能。您有两条路线:
- 或者使用这样的模块加载器已经为您完成了这种动态加载。它强制你使用AMD风格的脚本。进一步讨论javascript中的模块。
require
对象将在控制台中可用,因为它是全局对象
- 如果您已经使用了jQuery,请使用一个类似的hackish函数(仅为此导入jQuery是一个相当大的库)。jQuery是全局的,您可以在控制台中调用该函数
编辑:我之所以没有链接特定于浏览器的功能,是因为它太具体了。使用纯JavaScript解决方案可以跨所有浏览器测试兼容性。对于chrome,有一个名为脚本注入器的插件正好可以做到这一点
这正是我想要的。我们希望在今年晚些时候将命令系统从开发者工具栏折叠到控制台本身。