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.6
和Google 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 检查每个 USB 的 Cordova android 应用程序会导致黑屏