7

或者 Chrome 在打开源代码中包含“调试器”关键字的页面时可以自动打开调试器吗？

4

3 回答 3

1

以前有一个命令行标志--always-enable-devtools，现在看起来不像了。但是，您可以使用一个漂亮的技巧，尽管如果您不在 OSX 上，您将不得不摆弄一下以重现我正在做的事情。

我制作了两个 shell 脚本，“developer-chrome”和“debugger-chrome”。

developer-chrome 是我想要一直观察的实例，debugger-chrome 只会放在我的第二个监视器中，这样我就可以看到控制台消息并在需要时戳 developer-chrome。

开发者铬

#!/bin/bash

export PROFILE=$HOME/develop-chromium-profile
export DISK_CACHEDIR=/tmp/develop-chromium-profile-cache
export DISK_CACHESIZE=0
export MEDIA_CACHESIZE=0
/Applications/Chromium.app/Contents/MacOS/Chromium \
    --remote-debugging-port=4096 \
    --user-data-dir=${PROFILE} \
    --enable-experimental-webgl=yes \
    --window-position=3000,400 \
    --window-size=1200,1000 \
    --no-pings \
    --disk-cache-dir=${DISK_CACHEDIR} \
    --disk-cache-size=${DISK_CACHESIZE} \
    --media-cache-size=${MEDIA_CACHESIZE} \
    --disable-geolocation \
    --ash-immersive \
    --disable-application-cache \
    --pinned-tab-count=1 http://some_url_im_developing_on/

调试器-chrome

#!/bin/bash

export PROFILE=$HOME/debugger-chromium-profile
export DISK_CACHEDIR=/tmp/debugger-chromium-profile-cache
export DISK_CACHESIZE=0
export MEDIA_CACHESIZE=0
/Applications/Chromium.app/Contents/MacOS/Chromium \
    --user-data-dir=${PROFILE} \
    --enable-experimental-webgl=yes \
    --window-position=2400,400 \
    --window-size=1200,1000 \
    --no-pings \
    --disk-cache-dir=${DISK_CACHEDIR} \
    --disk-cache-size=${DISK_CACHESIZE} \
    --media-cache-size=${MEDIA_CACHESIZE} \
    --disable-geolocation \
    --ash-immersive \
    --disable-application-cache \
    --pinned-tab-count=1 http://localhost:4096/

先运行 developer-chrome，然后运行 ​​debugger-chrome。chrome 的两个实例都将是自主的，因此您可以根据需要停止/重新启动它们。如果断开连接，您可能必须从调试器铬手动重新连接到调试器.. 但是。我不知道。

真的让我很恼火，没有办法让 devtools 自动出现。再加上 Chrome 的“做了还是没做？” 动态内容的缓存行为几乎让我考虑使用 Firefox。

于 2013-05-24T05:38:55.147 回答
0

/当我在 Chrome 中（在 Mac 上）使用以下内容时，debugger;它不会自动打开控制台，只有在开发人员工具都准备好激活时才会运行。在 Firefox（安装了 Firebug）中执行相同操作并运行我的页面/脚本时，JavaScript 控制台/调试器会在 debugger;语句被命中时打开。

只是我的经验。。

于 2012-06-10T14:52:29.343 回答
0

是的。

谷歌浏览器可以打开调试器，因为你使用了debbuger标志。请参见下面的示例：

<script>
  (yourcode here)
  debugger;
  (next code to debug)
</script>

Developers Tools的Sources面板将在该特定行中自动为您打开。

它也适用于Internet Explorer 11。

在版本 43.x 上测试。

于 2015-06-09T15:14:57.977 回答