在移动浏览器中测试Javascript

时间:2017-01-20 07:41:01

标签: javascript android ios testing mobile

在你投票我的问题之前,我是新手,只是想要一个指针。我编写了一个简单的Javascript代码,可以在不同的桌面和手机上运行。

对于桌面,我可以打开浏览器控制台并测试我的Javascript代码。但是我如何测试移动设备。我的代码主要是移动设备失败,我在检查用户代理时能够弄清楚。

这是一段简单的代码,用于从网页中提取单词计数。

function countWords() {
    try {
        if (top.document && top.document.querySelector("body")) {
            var _body = top.document.querySelector("body");
            var words =  _body.textContent || _body.innerText; //For old firefox, innerText does not work

            if (words) {
                words = words.replace(/\n/g,'');
                var filteredWords = words.match(/\S+/g);
                if (filteredWords && filteredWords.length > 0) {
                    userDetail.wordCount = filteredWords.length;
                }
            }
        }
    } catch (err) {
        processError("countWords", err);
    }
}

此代码无法在移动设备上运行。

2 个答案:

答案 0 :(得分:1)

如上所述,你可以使用mac和IOS设备,如果你想走那条路,另一个选择是远程调试for android - https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

非常方便,更容易上手

答案 1 :(得分:0)

调试Javascript代码(或者只是浏览器的东西)你需要OS X和iOS设备(你应该能够对iOS模拟器做同样的事情,但是我无法让它工作,我主要使用的是设备调试的东西,所以没有费心去弄清楚)。可以将Web检查器附加到iOS设备中的浏览器窗口。

启用它:

  1. 设备 - >设置 - > Safari - >高级 - >启用Web Inspector
  2. OS X - > Safari - >开发(顶部栏) - >从下拉菜单中选择您的设备 - >选择运行JS代码的应用程序。
  3. 如果一切正常,网络检查员应该出现。从那里你应该能够调试你的JS代码。

    编辑:

    这是用于调试iOS设备的(如果您想支持移动Webkit,则非常有用)。