Eruda
通過CDN使用:
<script src="//cdn.bootcss.com/eruda/1.4.2/eruda.min.js"></script>
<script>eruda.init();</script>
通過npm安裝:
npm install eruda --save
Js檔案對于移動端來說略重(gzip后大概100kb),建議通過url引數來控制是否加載除錯器,比如:
(function () {
var src = 'node_modules/eruda/eruda.min.js';
if (!/eruda=true/.test(window.location) && localStorage.getItem('active-eruda') != 'true') return;
document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');
})();
初始化時可以傳入配置:
container: 用于插件初始化的Dom元素,如果不設定,默認創建div作為容器直接置于html根結點下面
tool:指定要初始化哪些面板,默認加載所有
var el = document.createElement('div');
document.body.appendChild(el);
eruda.init({
container: el,
tool: ['console', 'elements'],
useShadowDom: true
});
示例
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/298641.html
標籤:其他
