Question

Polymer PWA应用程序在MacBook Chrome，Windows Chrome，Android Chrome浏览器中运行良好，但在MacBook Safari，iPhone Safari和iPhone Chrome中显示空白。

Web检查器中显示的零错误或零警告。

HTML页面 - index.html

 class BallNode: SKShapeNode {
    var radius:CGFloat = 0
    private var _R:CGFloat?

        override init() {
        super.init()
        self.setPhysics()

    }

var newBallR:CGFloat{
        get {
            return _R!
        }
        set {
            _R = newValue
            self.radius = _R!
            print("bsllRRRR:", self.radius)

        }
    }



    convenience init(radius:CGFloat){
        self.init(circleOfRadius: radius)
        self.radius = radius
        print("successful init circle radius", self.radius)
    }

        func setPhysics() {
        self.physicsBody = SKPhysicsBody.init(circleOfRadius: self.radius)
        print("physics body is SET with value:", self.radius)
        self.physicsBody?.affectedByGravity = true
        print("gravity = T")
        self.physicsBody?.restitution = 0.2
        print("res = 0.2")
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

}

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    for touch: AnyObject in touches {
        let positionOfTouch = touch.location(in: self)


        let ball = BallNode(radius:65)
        }

Bower.json - ＆gt;

@if(Session::get('package_id')==4)
   package is free
@else
   Do another thing
@endif

html导入或rel链接中似乎存在一些我无法检查的问题。有没有人有类似的问题？任何修复建议。

我正在使用Firebase deploy命令在firebase上托管PWA。

谢谢， V

Answer 1

Google Chrome是目前唯一一款对网络组件功能（模板，HTML导入，自定义元素和影子DOM）具有原生支持的浏览器。对于其他浏览器，您需要在导入任何Web组件之前包含polyfill（webcomponentsjs）。

<script src="webcomponents-lite.js"></script>
<link rel="import" src="my-element.html">

您可以看到浏览器支持Polymer 1.0 here。

对于2.0 here。

在firebase上托管的Polymer PWA在Safari移动iOS中显示空白屏幕，但在Chrome中运行完美（包括mac book，windows，android）

1 个答案: