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

Question

我正在开发一个响应式网站， 我在Android三星设备的默认touchwiz浏览器上遇到了一个奇怪的CSS / JS问题 。 我在StackOverflow上搜索过，发现了一些像这样无用的答案。

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

关于如何加快测试或针对特定浏览器的任何想法？

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

举个例子：我面临的很多问题之一是这个免费组件 ，它不是位于屏幕中间，而是在所有其他Android和iOS浏览器上都可以。

Answer 1

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

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

1. Adobe Edge Inspect
2. 三星仿真器
3. Chrome - 设备模式和移动仿真 （建议仅用于测试响应性）
4. 主题演讲 （可能会收取费用）

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

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

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库。