个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我已经搜寻了一段时间，但尚未找到任何明确的解决方案。
我想测量整个网页的权重/大小(所有文档+脚本+字体+样式等)。我知道devtools中的network选项卡具有大小/内容-但我想将其汇总(而不是每次都汇总)。
我一直在寻找chrome.devtools。* API，但没有找到直接的方法。
您对如何实现这一点有想法吗？
最佳答案
在“网络”选项卡中，确保选中“禁用缓存”，然后在加载页面时，查看底部面板的总传输大小。请参见下面的屏幕截图:
各个大小均经过四舍五入，但是底部的总和使用字节大小，您可以在HAR中看到该大小。然后将总数四舍五入以显示。如果您发现个人总数与DevTools显示的总数之间略有不符，这就是原因。
关于google-chrome - 在Chrome DevTools中测量整页大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38239980/
26
4
0
语境 对于我的许多 js 文件，我没有源映射。当使用 devtools 控制台时，它会污染有关的警告。我不想关闭所有警告，但那些对我来说并不是真的有用 问题 如何抑制 Chrome DevTools
我有这个 Chrome DevTools 颜色选择器问题，当我将停靠位置更改为 时，吸管不起作用。底部 .默认设置在右侧，颜色选择器吸管工作正常，但当我改变位置时就不行了。有什么设置吗？因为我无法从
如图所示，我想知道是否有键盘快捷键可以逐个或批量关闭这些选项卡 最佳答案 AltW 或 OptW (Mac) 关闭事件选项卡。见 Sources panel keyboard shortcuts .
我正在测试我的 HTML 的可访问性。在使用 TAB 键导航 HTML 时，焦点环有时会消失，因为具有焦点的元素被隐藏了。那时我不知道哪个 DOM 元素有焦点。 有没有一种方法可以在 Chrome D
我正在使用 ios-webkit-debug-proxy 和 remotedebug-ios-webkit 适配器从 Linux 上的 Chrome Devtools 调试运行 Safari 的 IO
尝试运行 Nativescript 调试 session ，每次我输入 chrome-devtools://devtools/bundled/inspector.html?experiments=tr
看起来渲染设置不像以前那样(即启用绘画闪烁、显示图层边框、显示 FPS 表、显示滚动性能问题)。 我怎样才能再次访问这些功能？ 最佳答案 渲染设置已从 移动 Chrome 48 .您现在可以通过三点菜
我正在使用 devtools 调试一个大的 DOM: 我想为这个 div 添加“书签”，这样我就可以轻松地再次跳转到它。 如果此书签能够在页面重新加载后继续存在，那就太好了。 有办法吗？ 最佳答案 我
我想弄清楚为什么我的应用程序性能很差。所以我在 DevTools 中做了一个性能记录，我可以看到帧通常需要大约 150 毫秒，这太长了。 但是我不明白为什么框架需要这么多时间。有一些 javascri
我正在使用 devtools 调试一个大的 DOM: 我想为这个 div 添加“书签”，这样我就可以轻松地再次跳转到它。 如果此书签能够在页面重新加载后继续存在，那就太好了。 有办法吗？ 最佳答案 我
我希望在页面刷新时打开 DevTools 是很常见的。我可以使用 DevTools 从一开始就调试该页面吗？ 最佳答案 您可以远程调试自己的 Chrome 实例，以获得每个页面的完整 DevTools
我经常使用控制台来输入和评估表达式。很多时候我是错误的并且捏造了一些表达式名称。这样做之后，chrome devtools 控制台将自动完成并提示我的一些错误输入。 有没有办法清除控制台历史建议？ 最
如果我打开 google DevTools 我找不到时间轴面板 如此处所述: 根本没有标签。怎么了？ 我在 Windows 7 和 Chrome 61.0.3163.91 最佳答案 时间轴面板现在称为
Google Chrome Devtools 中的事件监听器断点提供了多种选择，但对我来说，它们并不是很有用，因为它们总是让我陷入代码的一些不相关部分。 我想知道是否可以将其限制为仅一类？例如 onM
Chrome 开发工具过去常常为我按字母顺序在“范围” Pane 中显示属性。例如，请参阅此处有关“Google Chrome 中源选项卡中的范围”的屏幕截图:https://dev.to/shado
我尝试使用 Chrome DevTools 为 Android 应用程序执行 SQL 查询，但这是不可能的，因为输入按钮将光标移动到下一行而不是执行命令。前一段时间它起作用了。 我重新安装了 Chro
我有相对简单的 webpack 配置文件(如下): module.exports = { entry: "./src/main.js", output: { filen
我有这个简单的代码 input:hover{border: 3px solid blue;} 预期行为:当我将鼠标悬停在输入上时，新样式应该出现在 devtools 样式部分，但它仅在我通过 dev
documentation说“每次打开 DevTools 窗口时都会创建扩展的 DevTools 页面实例。DevTools 页面在 DevTools 窗口的生命周期内存在。” 然而，Facebook
我有一个页面，其中我使用 morris.js 插件显示 23 个 donut chart 。在性能分析期间，我遇到了这个: 当然还有 22 个以上的警告。结果时间为 401 毫秒。 我对每个 donu
我是一名优秀的程序员,十分优秀！