Question

我正在一个快速响应的网站上工作我在Android三星设备的默认touchwiz浏览器中遇到了一个奇怪的CSS / JS问题。我在StackOverflow上搜索了一些无用的答案，例如this。

我有物理设备可供测试，但由于无法在这些浏览器上进行远程调试，因此进行更改非常耗时，部署它们QA服务器，测试和重试。

有关如何加快测试或定位特定浏览器的任何想法？

在我的情况下，Useragent没有帮助...

举个例子：我面临的很多问题之一就是free component，它没有定位在屏幕中间，而且它还可以在所有其他Android和iOS浏览器上。

Answer 1

对于移动测试，这里有一些资源可能会有所帮助。

我个人更喜欢三星模拟器和Adobe Edge Inspect（将收费）。

Adobe Edge Inspect
Samsung Emulators
Chrome - Device Mode & Mobile Emulation（仅建议用于测试响应性）
Keynote（可能会收费）

由于内容长度的限制，请点击链接并查看详细文档。

希望它有助于加快移动设备的测试和调试速度。

Answer 2

如果您有设备，我建议您尝试使用此工具weinre 它允许您进行远程调试。我总是将它用于那样的东西

Answer 3

JSBin可以处理JS调试。结合CSSRule API以及以下内容来获取元素及其当前呈现值的浏览器默认样式值，您可能可以到达某处。

function defaultStyle(tag) {
    var defaultStyles = {},
    testElem = document.createElement(tag),
    getStyle = 'getComputedStyle' in window,
    styles;

    document.body.appendChild(testElem);

    styles = (getStyle) ? window.getComputedStyle(testElem) : testElem.currentStyle;

    for (var prop in styles) {
        if (!(/^\d+$/.test(prop))) {
            defaultStyles[prop] = styles[prop];
        }
    }

    document.body.removeChild(testElem);

    return defaultStyles;
}

function currentStyle(elem) {
    var currentStyles = {},
    getStyle = 'getComputedStyle' in window,
    styles;

    styles = (getStyle) ? window.getComputedStyle(elem) : elem.currentStyle;

    for (var prop in styles) {
        if (!(/^\d+$/.test(prop))) {
            currentStyles[prop] = styles[prop];
        }
    }

    document.body.removeChild(testElem);

    return currentStyles;
}

Answer 4

使用媒体查询根据屏幕长度制作CSS。无论是三星还是iphone浏览器都没关系。你也可以使用bootstrap库。

我该如何处理三星Android浏览器？

4 个答案: