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

Posted

技术标签:

【中文标题】Chrome devtools 检查器在使用 Samsung TV Tizen Web 应用程序进行调试时显示空白屏幕【英文标题】:Chrome devtools inspector showing blank white screen while debugging with Samsung TV Tizen Web application 【发布时间】:2020-02-12 06:53:42 【问题描述】:

我正在用Tizen Studio 3.6Google Chrome Version 80.0.3987.100 (Official Build) (64-bit) 调试Samsung TV Tizen Web Application。但是Chrome Inspector显示黑屏。

Chrome 路径配置:

Chrome 空白屏幕:

请帮我解决这个问题。

【问题讨论】:

面临同样的问题,对此感到非常沮丧 【参考方案1】:

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

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

下载后禁用 chrome 以进行自我更新,然后它将与 Tizen 工作室正常工作。

【讨论】:

【参考方案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”

【讨论】:

这成功了,无需降级或下载不同的 chrome 版本。只需添加 '--enable-blink-features=ShadowDOMV0 --enable-blink-features=CustomElementsV0' 在我的 Mac 上就可以了。 在我全新安装的 Tizen Studio 4.1 中,--enable-blink-features=ShadowDOMV0 --enable-blink-features=CustomElementsV0 参数已经存在。我仍然添加了用户数据目录。不幸的是,它并没有解决我的问题。【参考方案3】:

转到 Window > Preferences > Tizen Studio > Web > Chrome -> Extra parameters > 输入以下命令 > Apply

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

启动应用程序。

【讨论】:

【参考方案4】:

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

chrome-mac.zip

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

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

    打开 Tizen Studio 并转到

Tizen Studio > 首选项

从菜单栏 打开

Tizen Studio > 网络 > Chrome

在偏好中

    将位置更改为如下所示:

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

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

【讨论】:

以上是关于Chrome devtools 检查器在使用 Samsung TV Tizen Web 应用程序进行调试时显示空白屏幕的主要内容,如果未能解决你的问题,请参考以下文章

如何检查 chrome devtools 中的所有 cookie?

在 Firebug 或 Chrome DevTools 中检查悬停状态

反引号后无法检查chrome devtools源

使用 chrome devtools 检查每个 USB 的 Cordova android 应用程序会导致黑屏

如何在 Chrome DevTools 检查器的样式和计算选项卡中使用多个过滤器?

在 chrome devtools 中检查 node.js 时函数语句的奇怪行为