我的网站没有在iPhone浏览器上显示，我不知道为什么

Question

我不知道为什么，但我的网站没有显示在手机游戏中。我添加了

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

它在我的mac chrome和safari上显示正常，但在我的iphone或iphone模拟器上却没有。并且我正在使用bootstrap 3和reactjs，据我所知，这应该可以在移动设备上正常工作。这让我把头发拉出来，所以如果有人有任何建议，我将非常感激。

我的网站位于http://register.versame.com

Answer 1

是的，您的网站无法在我的Macbook和模拟iPhone 5s的Safari上显示任何内容。

我在Safari的两个实例上都收到以下错误：SyntaxError: Unexpected token '('. Expected a ':' following the property name 'render'. (main.js:94490)。

检查代码，我看到你写了：

var NotFound = React.createClass({
    displayName: "NotFound",
    render() {
        window.location = '/notfound';
    }
});

而不是：

var NotFound = React.createClass({
    displayName: "NotFound",
    render: function render() {
        window.location = '/notfound';
    }
});

现在，至于您的网站仍然在Chrome中工作的原因，那是因为Chrome支持ES6 shorter syntax for method definitions而Safari不支持。{/ p>

注意：我使用this article允许我在模拟iPhone上检查您的网站。

Answer 2

我观察到由于您网站的Main.js文件中的错误，它没有在少数浏览器上加载。

一个错误是：SyntaxError：预期一个标识符，但找到＆＃39;（＆＃39;而不是var main.js：94490

代码不正确：

NotFound = React.createClass({displayName: "NotFound",
    render() {
        window.location = '/notfound';
    }
});