程序员经验分享-hwhale

如何重新定位 Chrome 开发者工具

2023-11-30

默认情况下，这些工具在 Chrome 窗口的底部打开。对于宽屏显示器来说，这是一个相当糟糕的选择，因为右侧有大量的空白空间，但没有太多的垂直空间可供使用。不幸的是，我找不到重新定位工具的方法。我想把它们放在一边，类似于萤火虫。

与我想要的类似的唯一选择是分离开发工具并将 chrome 和工具窗口并排放置。不过，这对于从 IDE 到浏览器然后再返回的快速 alt-tab 操作来说不太方便，因此“集成”解决方案会很好。


Chrome 46 或更高版本

单击垂直省略号按钮 ( ⋮ )，然后选择所需的停靠选项。

Chrome 45 或更早版本

长按右上角的停靠栏图标。它会弹出一个更改对接的选项

要更改 HTML 和 CSS 面板之间的分割，请在 DevTools 中转到“设置 (F1)”>“常规”>“外观”>“面板布局”。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Googlechrome

googlechromedevtools

如何重新定位 Chrome 开发者工具 的相关文章

  • 不明白为什么 Chrome/Safari 无法在此处获取 ScrollHeight

    我只是问了一个问题 为什么某些 js 代码不能 100 在 Chrome 和 Safari 中工作 但经过更多故障排除后 我想我发现这是我应该发布的问题 我有一个页面 其中有一个表单 该表单的目标是同一页面上的 iframe iframe

  • 无法在 Chrome 扩展中添加侦听器

    我正在尝试创建 chromium 扩展 但无法以正确的方式将侦听器附加到按钮 必须注意的是 我对js不是很熟悉 所以mb问题在于一些误解概念或某些元素加载时机 background page kbm html 我正在使用清单 v2 因此内联

  • Chrome：手动安装扩展程序（crx）不再起作用

    我们构建了一个 Chrome 扩展 仅供公司内部选择性人员使用 我们不想在 Chrome 网上商店上发布此内容 我们之前可以通过将 crx 文件拖放到扩展页面中来完成此操作 但在最新版本的 chrome 我使用 35 x 中 我们无法再这样

  • 在 Firefox 上调试 CSS 动画性能

    我们最近在制作基于 CSS 的动画 丢帧 时遇到了 Firefox 特有的性能问题 在 Chrome 中我们可以使用 时间轴 选项卡轻松调试 但是有适用于 Firefox 的类似工具吗 最好同时适用于 Firefox 桌面版和移动版 因为这

  • Chrome 中缩小后的图像模糊

    我正在使用 gravatars 并且经常使用 css 缩小它们 我相信 Google Chrome 直到最近都可以正确执行此操作 我可能是错的 不确定问题何时开始发生 但现在 图像在以下情况下变得模糊缩小尺寸 这种情况只发生在 Chrome

  • chrome 不渲染 gif 背景图像

    当前运行 chrome 14 它无法在我的登录页面上呈现旋转的 gif 图形 这是该页面在 Chrome 中的样子 这是它在所有其他浏览器上的样子 重现 http trunk test openmile com login null htt

  • 客户端 websocket 限制消息长度

    我正在使用 node js 开发一个 websockter 服务器 并且我发现了 Chrome 中的一些怪癖 Chrome OS X 10 7 64 位 上的最大字符串长度为 17740 而 Firefox 似乎可以毫无问题地处理非常大的字

  • WebDriverError：未知错误：Chrome 无法启动：异常退出

    我想要实现的目标在 Ubuntu 14 非 GUI 上的无头 chrome 上成功运行我的量角器测试 Set up使用多个参考页面 我已成功安装 Xvfb Chrome最新浏览器Protractor 3 3 0 Java 7 也尝试使用Ja

  • 调试时忽略chrome开发工具中的特定js文件

    在 Chrome 开发者工具中使用断点进行调试时是否可以忽略某些 javascript 文件 就说在这个网站上http todomvc com architecture examples angularjs http todomvc com

  • Chrome 正在吞噬我的第一个内心
    ——为什么？

    感谢 ASP NET 我开始了解摆脱 标记内的 标记的复杂性 我设置了一个我认为是不起作用的简单 DOM

  • Web Speech API 无法在 Android 版 Chrome 中正确加载语音

    我有一个简单的应用程序 应该读出以所选语言输入到输入字段中的文本 https speech synthesis demo glitch me https speech synthesis demo glitch me 这似乎在多个浏览器的桌

  • Chrome/Firefox 中双美元符号选择器查询功能的来源是什么？

    Check 这个jsfiddle http jsfiddle net T2PMc 并查看控制台 没有定义 现在 打开一个全新的窗口 然后输入 进入控制台 它定义了一个函数 用于获取与选择器匹配的所有 dom 元素的 类似 jquery 的

  • HTML 5 视频：使用 javascript 播放多个“剪辑”

    我在 HTML 视频和 JavaScript 方面遇到问题 因此编写了一些简单的代码来演示 有一个视频包含三个 剪辑 全长五秒 显然 在现实世界中 它们要长得多 一个在 25 30 秒 一个在 55 60 秒 最后一个在 85 90 秒 我

  • Google Chrome 不设置从 NodeJS/Express 服务器发送的 cookie

    我正在尝试在我的后端 带有express session的Express Node Mongo 中设置经过身份验证的端点 并且可以在响应标头中向客户端 Chrome版本53 0 2785 143 发送cookie 但是当我在开发控制台下 应

  • 查看 chrome 开发者工具中的更改差异

    devtools 可以显示原始文件和当前修改之间的差异吗 或者对于 CSS 来说是修改后的选择器及其新值的列表 我知道 本地修改 每次更改的历史 但不是原始的 当前 映射到工作区 将修改后的文件保存到其源中 源地图 请参阅预处理源 SCSS

  • “标识符[...]已被声明(...)”。如何在 Chrome Devtools 控制台中取消设置类变量？

    在 Chrome 控制台中 One class A constructor x this x x class A constructor x y this x x this y y VM602 1 Uncaught SyntaxError

  • Chrome 在传输一定量的数据后挂起 - 等待可用的套接字

    我有一个浏览器游戏 最近我开始向游戏添加音频 Chrome 无法加载整个页面并卡在 91 requests 8 1 MB transferred 并且不再加载任何内容 它甚至破坏了所有其他选项卡中的网站 说Waiting for avail

  • 在 Chrome 开发者工具 22 中看不到动态加载的代码

    当我通过 AJAX 动态加载包含 javascript 的 html 片段时 我无法在 Chrome 22 0 1229 94 的开发人员工具窗口的源选项卡中看到该内容 很明显 我去了这里 https developers google c

  • 编辑和重播 XHR chrome/firefox 等？

    我一直在寻找一种方法来改变XHR request在我的浏览器中制作 然后再次重播 说我有完整的POST请求在我的浏览器中完成 我唯一想要更改的是一个小值 然后再次播放 直接在浏览器中执行此操作会更容易 更快捷 我用谷歌搜索了一下 但没有找到

  • 单击回车键上的锚标记链接

    我有一个像这样的锚标签 a class btn btn danger href Continue a 它位于弹出窗口内 我需要按 Enter 键单击此链接 我尝试过以下代码 但它对我不起作用 document ready function

随机推荐

热门标签