现在看来似乎应该能够查看localStorage/ chrome.storage安装在我的浏览器Chrome扩展的.我曾经玩过开发者工具,但还没有找到办法.有任何想法吗？

尝试导入本地文件时出现错误，但在使用 npm 包时没有问题。

服务器.js

import express from 'express'
import next from 'next'

import apis from './src/server/api'

api.js

export default {
  ello: 'bye',
  jamie: 'hey'
}

启动应用

node --experimental-modules --inspect server.js

错误

For help, see: https://nodejs.org/en/docs/inspector
(node:20153) ExperimentalWarning: The ESM module loader is experimental.
internal/modules/esm/default_resolve.js:59
  let url = moduleWrapResolve(specifier, parentURL);
            ^

Error: Cannot find module '/var/www/goldendemon.hutber.com/src/server/api' imported from /var/www/goldendemon.hutber.com/server.js
    at Loader.resolve [as _resolve] (internal/modules/esm/default_resolve.js:59:13)
    at Loader.resolve (internal/modules/esm/loader.js:70:33)
    at Loader.getModuleJob (internal/modules/esm/loader.js:143:40)
    at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:43:40)
    at link (internal/modules/esm/module_job.js:42:36) {
  code: 'ERR_MODULE_NOT_FOUND'
}

我曾经是能够取消一个复选框,表示Emulate touch screen在Emulation/Sensors-面板,使得使用自适应模式时,我可以看到一个鼠标指针.此面板现已消失,新的传感器面板没有此设置.

这使得无法使用响应模式,因为我没有指针,也没有控制我点击/点击的位置(谁设计了这个功能？!).当我在较新的Chrome中使用响应模式时,如何查看指针/鼠标？

出现红色消息，大概是在浏览器自动更新之后：

警告！

该区域仅供开发人员使用。众所周知，骗子会鼓励人们在此处复制/粘贴信息来破解帐户。如果您不确定，请不要继续。

浏览器是 Opera 87.0.4390.36。似乎它不适用于 Chrome/Chromium，但这需要确认。相关的用户代理部分是：

AppleWebKit/537.36（KHTML，如 Gecko） Chrome/101.0.4951.67 Safari/537.36 OPR/87.0.4390.36

在较小的屏幕上，它会占用控制台选项卡的空间，变得不那么可用。

我在开发工具首选项中没有看到可以将其关闭的设置。有没有办法可以在本地禁用此消息而不降级浏览器？

UPD：它到达了Opera 87，变更日志目前仅在缓存中可用。这是一个已知问题，公司可能需要一些时间和用户活动才能意识到后果。尽管如此，如果能够快速解决该问题，我们将不胜感激。

我使用Vimium for Chrome,它允许我用r键刷新 .当我使用开发工具时,我失去了页面的焦点,并且必须在页面中单击以便r再次使用(尽管我显然只是使用按钮刷新).有没有人知道从开发工具切换回页面的键盘快捷键？我知道你可以cmd [用来切换dev工具里面的窗格,但找不到切换回页面的方法.

自从我在Mac OS El Capitan上从Chrome 58 => 59升级后,当我使用Dev Tools网络检查器查看WebSocket框架时,框架不再可见.我们构建了一个大量使用WS的应用程序,所以我非常依赖这个功能.

我想也许这可能是我们在应用程序中改变的 - 编码或协议可能导致它不显示,所以我在这里尝试了这个简单的测试:https://websocket.org/echo.html

1. 打开DevTools
2. 转到https://websocket.org/echo.html
3. 转到"网络"选项卡,在WS上过滤,转到"帧"选项卡
4. 单击echo in echo app,然后单击Send Message

这导致DevTools中没有显示任何框架,但套接字消息与应用程序一起正常工作.我问过其他几个人,其中一些人没有这个问题.

我想知道我是否有一个导致此问题的扩展,或者我是否有其他可能阻止帧显示的神秘设置？

每次我使用Chrome Inspector刷新我的网络应用程序时,它都会暂停,然后将我带到source选项卡,其中一个大红色箭头图标指向jQuery中的一些奇怪的行.

我知道了

在调试器中暂停

在窗口的中上部,和

暂停异常:DOMException

在源选项卡上的调用堆栈中.

据我所知,我没有设置任何断点,这段代码之前没有抛出异常 - 所以发生了什么？

Chrome控制台以蓝色字母显示"导航到http:// localhost ...."

图片:

React Developer Tools提供了很多功能来检查React组件树,并查看道具,事件处理程序等.但是,我真正想做的是能够在浏览器控制台中检查这些数据结构.

在chrome中,我可以使用控制台中当前选定的DOM元素$0.有没有办法从$0React Dev Tools中提取React组件信息,或者是否可以使用React Dev Tools进行类似的操作？

最近我重新安装了我的电脑.完成后重新安装我注意到使用Inspect时,屏幕高度和页面宽度不再显示在右上角.

他们删除了它还是有秘密设置我还没找到？或者也许是一个bug？当我不得不使网站响应时,这使我的生活变得如此简单.