Chrome 开发工具检查器在使用 Samsung TV Tizen Web 应用程序进行调试时显示空白屏幕

Question

我正在用

Samsung TV Tizen Web Application

和

Tizen Studio 3.6

调试

Google Chrome Version 80.0.3987.100 (Official Build) (64-bit)

。但是

Chrome Inspector

显示黑屏。

Chrome 路径配置：

Chrome 空白屏幕：

请帮我解决这个问题。

Answer 1

我得到了解决方案，实际上是因为 Chrome 于 2 月 11 日推出了新版本 80.0.3987.100，并且由于该版本与 Samsung Tizen IDE 不兼容，因此要解决此问题，您必须下载旧版本的旧版本.

这里是下载旧版 Chrome 的链接 [https://www.filepuma.com/download/google_chrome_64bit_79.0.3945.79-24169/][1]

下载后禁用 chrome 自行更新，然后它就可以在 Tizen 工作室中正常工作。

Answer 2

这是由于 chrome 80 版本的上游更改导致的兼容性问题。 https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/h-JwMiPUnuU/sl79aLoLBQAJ https://bugs.chromium.org/p/chromium/issues/detail?id=685385

它将在 Tizen Studio 的下一个版本中解决。 在此之前，如果您使用以下选项，检查器将正确启动。

转到窗口 > 首选项 > Tizen Studio > Web > Chrome -> 额外参数： 添加“--enable-blink-features=ShadowDOMV0 --enable-blink-features=CustomElementsV0 --user-data-dir=c:\Temp”

Answer 3

最好的选择是下载 Chromium，但将其设置为调试器有一个技巧。 下载 https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Mac/706915/

chrome-mac.zip

或者在其他地方找到 Chromium。确保其版本为 79。

1. 重要提示：请务必打开 chromium 并允许隐私和安全首选项。在继续之前确保 Chromium 打开。 

2. 打开 Tizen Studio 并转到

Tizen Studio > 首选项

从菜单栏 打开

Tizen Studio > 网页 > Chrome

在偏好设置中

3. 更改位置，如下所示：

/Applications/Chromium.app/Contents/MacOS/Chromium

4. 注意：如果您浏览到文件，您将无法访问此文件 小路。您可以通过右键单击 Chromium 文件来查看路径，然后 显示包装内容
5. 应用并关闭

Answer 4

忽略空白页和首次访问

http://localhost:9222/json

然后从 JSON 检查 devtoolsFrontendUrl 并转到

http://localhost:9222/

我写了一篇关于如何设置 Chrome 远程调试的文章，其中涵盖了此修复https://devforth.io/blog/chrome-remote-debugging-setup/

Answer 5

转到窗口 > 首选项 > Tizen Studio > Web > Chrome -> 额外参数 > 输入以下命令 > 应用

--no-first-run --activate-on-launch --no-default-browser-check --allow-file-access-from-files --disable-web-security --disable-translate --proxy -自动检测 --proxy-bypass-list=127.0.0.1 --enable-blink-features=ShadowDOMV0 --enable-blink-features=CustomElementsV0 --user-data-dir=tmpFix

启动应用程序。

Answer 6

对我来说，对较新的 Chrome 使用“enable-blink-features=ShadowDOMV0 --enable-blink-features=CustomElementsV0”或使用较旧的 Chrome 版本不起作用。

但是，使用旧版 Chrome：“版本 79.0.3945.0（开发人员版本）（64 位）”并将以下内容放入 config.xml 似乎可以修复 Web Inspector：

<access origin="*" subdomains="true"></access>