为什么在通过iOS Twitter浏览器访问时,javascript没有在网页上执行?

时间:2015-07-26 07:10:52

标签: javascript ios iphone twitter cross-browser

我完全被难过了,我确信之前有效。

我有一个简单的网页,上面写着"你好"在div中做两件事:

1)警告" 2"

2)将div的文本更改为" bye"

所有vanilla Javascript,没有库。

这适用于Chrome,IE,FF,Safari(正如您所期望的那样)。如果我点击iOS Twitter应用程序(最新版本)中的链接到这个网页,这两件事都不会发生。在我看来,Javascript根本没有被执行,但这怎么可能呢?还有其他人经历过这个吗?

更新

实际上,vanilla Javascript会起作用。警报测试具有误导性 - 我相信这已被禁用,这就是为什么它不会起作用。但是JQuery不会工作 - 可能与$ reference冲突有关。

更新2

问题现在已经发生了变化 - 我最初的假设并不完全正确。

以下网页代码有效:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <style>
        #test {
            color:red;
        }
    </style>

    <script>

        window.onload = function () {
            document.getElementById('test').innerHTML = 'vanilla javascript worked';
            $("#test").text("Jquery worked");
        }

    </script>

</head>
<body>

    <div id="test">
        hello
    </div>
</body>
</html>

以下代码不起作用。我的脚本的路径是合理的,适用于普通浏览器,但在iOS Twitter应用内浏览器中,似乎本地脚本无法加载:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>

    <script src="~/Scripts/jquery-2.1.1.js" type="text/javascript"></script>

    <style>
        #test {
            color:red;
        }
    </style>

    <script>

        window.onload = function () {
            document.getElementById('test').innerHTML = 'vanilla javascript worked';
            $("#test").text("Jquery worked");
        }

    </script>

</head>
<body>

    <div id="test">
        hello
    </div>
</body>
</html>

我已经测试了通过Facebook访问网页的问题,无论哪种方式都可以正常工作。问题出在仅在iOS上的Twitter浏览器。

我尝试过使用我的脚本的绝对路径,这也是行不通的。

更新

此问题不在iPad上。它只是iPhone。由于它工作正常,我说这是最新版本的iPhone Twitter应用程序中的一个错误。将等待Twitter的修复。

0 个答案:

没有答案