嵌入式网页调试脚本eruda

动态同步加载eruda调试脚本
应用场景：嵌入APP、小程序、Electron的页面

代码

<!-- start: 动态同步加载调试脚本 -->
<script type="text/javascript">
  // 判断开发|测试环境
  var canIUseEruda = location.href.indexOf('eruda=1') > -1 || !!location.href.match(/.(dev|test)./);
  // 动态同步加载脚本
  if(canIUseEruda) {
    document.write('<s' + 'cript type="text/javascript" src="//public.yitong.com/libs/eruda/2.3.3/eruda.min.js"></s' + 'cript>')
  }
</script>
<script type="text/javascript">
  canIUseEruda && window.eruda && eruda.init()
</script>

说明

1. document.write只能在文档加载完成前用
   document.write所引入的代码并不会在document.write之后立即执行，而是在它所在的script标签执行完成后才执行。
   字符串里的script必须拆开成如s’+’cript形式，以免被浏览器视为关闭标签。

2. 必须在另一个script执行其依赖脚本

3. 开发环境：.dev.xx.com、测试环境：.test.xx.com、其它链接后带参数：eruda=1，符合条件启动eruda

参考

https://segmentfault.com/q/1010000007224347?_ea=1277187