javascript - polymer/深度/选择器在移动设备中不起作用

Question

我试图在调整设备屏幕大小时重新排列布局，所以我这样做:

if(screenOrientation == SCREEN_ORIENTATION_LANDSCAPE) {
        document.querySelector("html /deep/ [landscape-horizontal]").removeAttribute('vertical');
        document.querySelector("html /deep/ [landscape-horizontal]").setAttribute('horizontal', '');
}

这在台式机上运行正常，但在移动设备(安卓手机、平板电脑和 iOS 模拟器)中出现此错误:

"Uncaught SyntaxError: Failed to execute 'webkitMatchesSelector' on 'Element': 'html /deep/ [landscape-horizontal]' is not a valid selector.", source: bower_components/platform/platform.js (0)

有什么想法吗？谢谢!

Answer 1

目前有一个 open issue在 Shadow DOM polyfill 中支持这一点。它适用于 Chrome 35+，因为它使用的是原生影子 dom。