标签: google-chrome-devtools

是否可以通过放置这样的全局类来隐藏网页上的所有图像：

img{
   display:none; 
}

我在浏览器中访问的整个 html 文档？有没有一种方法可以访问网页，打开开发人员工具并覆盖 css 类（当然是本地的），而不必为该类的display: none每个元素说出来element.style？

我以前使用过正则表达式，但我不是专家。我试过使用类似的东西，/[^\.]+\b但我得到的结果太多了。我正在向本地主机（开发环境）上的另一个端口发出请求，并且由于我使用的是 Angular 2，因此我通过 XHR 以及普通的 REST 调用获取 .js 和 .html 文件。

我不想过滤以仅查看 REST XHR 调用（没有 .js 或 .html 扩展名的调用）。这个的正则表达式是什么？正如我所说，我尝试使用/[^\.]+\b但它不会过滤以“.js”结尾的那些。

我想避免的请求：

• http://localhost:9011/dist/services/ng2-file-upload2/ng2-file-upload.js
• http://localhost:9011/dist/services/form.js

我不想避免的请求：

• http://localhost:9011/user/account/type
• http://localhost:8000/station/get

当我打开 Chrome 调试视图并将设备设置为“iPad Mini”以模拟其屏幕大小（和触摸事件）时，与文本输入交互会导致 Windows 屏幕键盘打开。

这台电脑不是平板电脑，也从来没有触摸屏。在 WindowsEase of Access -> Keyboard设置中Turns on the On-Screen Keyboard是关闭的。

我只能假设 Chrome“模拟”iPad Mini 导致 Windows 认为有触摸屏。我已经使用这个功能几个月了，键盘打开最近才开始发生。我可能只是不小心在设置（Chrome 或 Windows）中打开了一个开关。如果是这样，我想知道如何将其翻转回来！

这令人沮丧，因为我每次都必须关闭键盘，因为它覆盖了大部分网络应用程序。

同页没有“iPad Mini”模拟不打开键盘：

（选择任何具有触摸屏的设备时，此键盘也会打开，而不仅仅是 iPad Mini。）

我正在尝试通过运行以下代码在 Chrome 的开发人员控制台中手动提交表单：

$('form').submit();

如何在此代码中指定表单的输入值？我知道输入 ID/名称。

狼群！

我想突出显示我悬停在上面的任何元素，就像 Chrome 开发工具所做的那样。

Chrome 开发工具图片

注意整个元素是如何浸透蓝色调的？这不像添加背景颜色或线性渐变那么简单，因为输入元素的内部仍然是白色的。

我尝试过使用不同的过滤方法，如色调旋转、对比度 w/亮度，甚至THIS MONSTER，但似乎没有任何效果。

我最接近的是一个漂亮的框阴影围绕元素突出显示。

Javascript： element.classList.add('anotherClass')

CSS： box-shadow: 0 0 5px #3fd290, 0 0 10px #36A9F7, 0 0 15px #36A9F7, 0 0 20px #36A9F7 !important;

帮助我实现我的梦想

我用以下命令启动我的脚本：

node --inspect=1234 index.js

然后打开 Chrome 开发工具检查器并连接到它。

如果我输入console.log('hello')它工作并将消息输出到控制台。

但是，如果我键入脚本中包含的任何函数或变量，则会引发错误：

未捕获的 ReferenceError: "my func / var" is not defined(…)(anonymous function) @ VM107:1

如何让它看到并允许与我的脚本内容进行交互？

如果我知道我在浏览器全局空间的某个对象中存储了一个值，比如“JohnSmith”，并且我遇到了某个断点，我怎么知道哪个对象或变量的值是“JohnSmith”？我有数百个对象，我不想在开发工具中手动搜索它。我在控制台或代码段中使用了一些脚本来遍历所有对象，但它们都无法正确搜索或给出一些错误消息。

我尝试了JS Runtime Inspector，它看起来很有希望，但在我的 Chrome 61 版本中根本不起作用。它的子选项卡不像他们的视频节目那样显示。

目前正在Socket.IO使用 websockets。我有几个关于如何在 chrome devtools 中解释 websockets 的问题：

当我们在 chrome 中有以下输出时：

问题：

1. 该方法仍然使用HTTPget 方法动词指定。这是因为这个HTTP协议是用来发起握手的吗？
2. 如果我们有 4 个 type = websocket 就像在这个例子中一样。我们真的有 4 个 websocket 连接吗？
3. 一个 websockets 已完成，其他 3 个仍在等待中，这是什么意思？

我想要的是刮一张表，并将数据保存在一个数组中，例如result=[tr][ts].

我怎样才能得到我想要的结果？

我正在尝试这样的事情：

const row = await mainframe.$$eval('#clasificacion > .panel > .table- responsive > #resultadosTable > tbody > tr ', trs => trs.map((tr) =>{
console.log(tr);
return tr.textContent;}));

但结果就像result=[tr]。

是否有负面过滤模式来隐藏此类请求？我的意思不是域- 如果它们被发送到多个域，我想一次性过滤它们。