移动H5的页面调试
本文已参与「新人创作礼」活动， 一起开启掘金创作之路。
1、eruda 直接在html中外链引入初始化;然后重新运行项目即可看到
<script src="//cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.js"></script> <script>eruda.init();</script>
如果是在vue项目中话，可以做成活的，如下所示
mounted() {
if (this.$route.query.test) {//如果路径传参中有test且为true则手动在head写入script标签，并引入文件
let script = document.createElement("script");
script.id = "erduaId";
script.src = "//cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.js";
document.getElementsByTagName("head")[0].appendChild(script);
setTimeout(() => {
let callScript = document.querySelector("script[id='erduaId']");
if (callScript) {
let scriptTwo = document.createElement("script");
scriptTwo.text = `eruda.init();`;
scriptTwo.id = "initId";
document.getElementsByTagName("head")[0].appendChild(scriptTwo);
}
}, 3000);
}
},
beforeDestroy() {
//在页面销毁之前删除相关的script标签，以防影响其他的h5页面
let callScript = document.querySelector("script[id='erduaId']");
if (callScript) {
document.head.removeChild(callScript);
}
let callScriptTWo = document.querySelector("script[id='initId']");
if (callScriptTWo) {
document.head.removeChild(callScriptTWo);
}
},
