网页调试控制台注入jQuery

最近调试一个React写的网站，想在控制台进行DOM操作。虽然目前浏览器已经原生支持了querySlector，但还是不如使用jQuery方便，由于项目本身并未引入jQuery，在控制台中调试还遇到了一点困难。方法总比困难多，找了一个办法在控制台成功注入了jQuery。

注入方法

var script = document.createElement("script")
script.type = "text/javascript"
script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
document.body.appendChild(script)

其实就是给网页动态加了一个引用jQuery的script标签。

改进版本

上面的方法，如果遇到网络慢的情况下，就无法确切的知道脚本有没有加载成功。解决这个问题一是可以换一个国内CDN的地址，另一种方法就是在脚本加载完成后输出一个信息，也就是监测onload方法。如下 ：

var script = document.createElement("script")
script.type = "text/javascript"
script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
script.onload = function(){console.log("jQuery is ready!")}
document.body.appendChild(script)

EOF