现在移动端，为了适配大小问题，使用rem的解决方案。 具体见 https://github.com/amfe/lib-flexible

三倍屏下，会先把页面的 scale 设成 1/3, 这种情况下，调试面板就太小了。

我们自己写css时，会通过postcss 把px 转成rem。

这个虽然不是库需要考虑的，但是移动端rem还是挺常用，这种情况的确太影响使用了。

  try {
    require('eruda').init()
  } catch (e) {
    alert(e)
  }

alert 出来信息是 TypeError: str.slice is not a function. (In 'str.slice(0, len'), 'str.slice' is undefined)

系统：iOS 9.3.5 微信：6.5.5（UIwebview）

What a great tool this is! For the most part, it works flawlessly. However, I'm getting a lot of errors from eruda Refused to get unsafe header "Content Length". My code uses Angular and makes frequent XHR requests. My guess is that eruda is having trouble inspecting the headers returned by the XHR requests. Thanks for looking into this.

In order to try it for different sites, execute the script below on browser address bar.

I am not sure what you said here. Please show how to use this tool.

API 升级后，经常会保留一些旧版本的 API 接口作为过渡，例如

Object.defineProperty(Sprite.prototype, 'cascade', {
  get: function () {
    console.error('Sprite.cascade is deprecated, use Node.cascade please.');
    return this._realCascade;
  },
  enumerable: false
})

然后如果用户尝试输出 console.log(sprite)，就会看到多了上面的报错：'Sprite.cascade is deprecated, use Node.cascade please.'

请问该怎么解决这类问题？

对 eruda 进行开发时，可以通过更改例如 variable.scss 等 scss 源文件来高效地修改。但是，如果选择使用官方版本并自行附加 CSS，那么，由于最终的 CSS 选择器是各个组件独立生成的，修改效率会非常低：

如果在生成选择器的基础上，将常用常见的组件，如卡片、按钮，整理成拥有固定类名的标准组件，就可以基本解决问题。除却方便撰写额外样式，这么做还可以减少生成的 CSS 的长度，也能为插件预置一些常用组件的类名与样式，方便插件的开发。

另外，建议将一些元素的字体设为等宽字体。 目前，我收集到这些：

.eruda-console-container .eruda-logs-container,
.eruda-elements .eruda-parents,
.eruda-elements .eruda-breadcrumb,
.eruda-elements .eruda-children,
.eruda-elements .eruda-section > h2 ~ div,
.eruda-network .eruda-requests,
.eruda-info.eruda-tool li .eruda-content {
	font-family: Fira Code, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace;
}

console.log 被 eruda 重写，调用会更新 eruda-console 节点，触发宿主的 MutationObserver，引起 console.log，进入死循环。

var observer = new MutationObserver(mutaions => {
  // trigger `eruda-console` DOM Mutation
  console.log('change');
});

https://github.com/liriliri/eruda/blob/master/src/Resources/Resources.js#L411-L419

如果用 iframe 来隔离应该可以解决： https://github.com/liriliri/eruda/issues/64

或者是否有方法可以拦截宿主页面的 MutationObserver，进而绕过 eruda UI 的 DOM Mutation

在vue-cli脚手架创建的项目模板中使用eruda代码如下： 在webpack入口文件引入eruda

import eruda from 'eruda';
eruda.init();

eruda看起来挺漂亮的，页面看起来也一切正常，但是当我操作页面的时候（点击、前进或者后退导航），发现操作相应延迟很大，大概2s，会不会是在操作过程中eruda有计算或者执行了什么导致阻塞？或者怎么解决呢？

最近在用一个国产hybrid框架的时候发现，用静态的script标签没问题，但是用动态插入的script，用该框架的模拟器点击右下角的eruda会报错：Cannot set property type of #<Event> which has only a getter，chrome上的报错为：Cannot assign to read only property 'type' of object '#<Event>'。

(function() {
    var consoleScript = document.createElement("script");
    consoleScript.src = "js/eruda.min.js";
    document.head.appendChild(consoleScript);
    consoleScript.onload = function() {
        eruda.init();
    };
})();

Please, if possible, delete classes that do not begin with "eruda-". I met a problem with the class "filter". My code uses this class to define a component in DOM. I'm getting errors in the console. Thank you in advance.

I wanted to inspect a certain web page for a certain authorisation token, on my phone. Is this possible with Eruda or is it just for web pages you are an author of yourself so you can put the JavaScript lines in?