当使用 ShadowDOMv0 的禁用标志打开 chrome 时,开发人员控制台不会打开

Developer console does not open when chrome is opened with disabled flags for ShadowDOMv0

我的应用程序是使用 Polymer v1.x 构建的。根据 this Polymer 博客,Chrome 将于 2019 年 3 月弃用 ShadowDOMV0CustomElementsV0HTMLImports。为了测试我的应用程序的行为,我使用了“--disable-blink-features=ShadowDOMV0" chrome 标志,如 Polymer 博客中所述。

我的应用因这些标志而崩溃,但我无法打开开发人员控制台来检查错误。事实上,即使您使用这些标志打开 chrome 中的任何页面,浏览器也不允许打开开发者控制台。

请注意: 我在打开 Chrome 时遇到了类似的问题 “--disable-blink-features=CustomElementsV0”。但是,使用 HTMLImports 标志它工作正常。

有没有人遇到过类似的问题?或者,有人对此有任何解决方案吗?

devtools 肯定被这个标志破坏了,它记录了一个错误:

ERROR:CONSOLE(3081)] "Uncaught (in promise) TypeError: element.createShadowRoot is not a function", source: chrome-devtools://devtools/bundled/shell.js (3081)

作为解决方法,您可以远程检查它:Remote debugging with Chrome Developer Tools

  1. 打开 Chrome 以测试您的网站:Google\ Chrome --user-data-dir=/tmp/asdfasdf --disable-blink-features=ShadowDOMV0 --remote-debugging-port=9222

  2. 在 Chrome 的另一个实例中,访问 chrome://inspect,您的页面应该出现在“Remote Target #LOCALHOST”下。