相关疑难解决方法(0)

我在javascript中设置了断点,并使用Chrome测试了一些代码.我还为该值添加了一个监视表达式.

Chrome会在断点处中断并显示该值.但是值很长,并且不会全部显示.我将窗口分隔符向左移动,但它在屏幕中间停止.当我双击被监视的变量时,它想要编辑表达式.当我单击并拖动它时,它会选择可见文本,但不是全部.右键单击无效.

这就是我所看到的

url: "m=mtgoxUSD&SubmitButton=Draw&r=&i=&c=0&s=&e=&Prev=&Next=&t=S&b=&a1=&m1=10&a2=&m2=25&x=0...

我想复制整个表达式而不是...最终.我怎样才能做到这一点？

是否可以在google-chrome中使用自定义功能,这些功能将始终在控制台中可用(无论加载哪个页面)？例如,我想有一个名为echo的函数,它只是console.log的一个包装器.这只是节省了一些输入,但后来我可能想要创建一些有用的调试功能.

在控制台中运行以下代码时:

console.dir(document);

在Chrome中,我看到了以下内容:

这似乎意味着该domain属性直接在document对象上.但事实并非如此.

console.log(document.hasOwnProperty('domain'));

在Chrome 72中,上升原型链,似乎是Document.prototype:

console.log(Document.prototype.hasOwnProperty('domain'));
console.log(Object.getOwnPropertyDescriptor(Document.prototype, 'domain'));

(在FF 56和其他一些浏览器中,它似乎是在开启HTMLDocument.prototype)

从片段中可以看出,该属性实际上由一个getter和一个setter组成.但是,我认为吸气剂在控制台中显示为(...),就像在此图像中一样,您必须单击它(...)来调用吸气剂.

如果我创建一个类似的对象,其原型包含getter/setter属性,并且我记录了该对象,则在检查时不会调用getter:

// look at results in Chrome's browser console, not snippet console
class theProto {
  get foo() {
    return 'fooVal';
  }
  set foo(arg) {
    // do something
  }
}
class theClass extends theProto {
}
const instance = new theClass();
console.dir(instance);

对于许多属性,可以看到相同的行为document.例如,您可以在第一个屏幕截图中看到的所有其他属性在其中一个原型对象上看起来都是getter/setter,而且它们都不在其中document:

console.log(
  ['dir', 'doctype', 'documentElement', 'documentURI', …

有没有办法在控制台中以一种很好的方式输出json？我只是将"> Object"作为树根,并且必须手动浏览令人讨厌的树.

最好的情况是在该对象中搜索字符串.或者扩展一切也可以.

有任何想法吗？

(之前被问到是否有一种方法可以在Chrome控制台中搜索控制台输出中的字符串,即使是那些已折叠？但未回答)