gpt4 book ai didi

css - 跨浏览器测试

转载 作者:行者123 更新时间:2023-11-28 07:52:49 25 4
gpt4 key购买 nike

由于 Bootstrap 升级,我正在处理的 Web 应用程序的所有页面的 CSS 都发生了很多变化。此应用程序还针对移动设备进行了优化。所以我的任务是检查我们应用程序所有页面在大多数浏览器上的用户界面——IE8、9、10、11、chrome、firefox、ios 和 android 设备(手机、7 英寸、10 英寸)。

现在,我在 2 个选项卡中打开我网站的现有版本(旧 Bootstrap )和更新版本(新 Bootstrap ),并在它们之间来回切换以找出任何 UI 问题,如对齐和颜色变化和文字大小。

有更好的方法吗?

最佳答案

是的,有一些解决方案可以简化跨浏览器和多设备测试。他们之中有一些是:

  • GhoSTLab:允许同步测试,这意味着如果您在一个浏览器中单击或滚动,它会在所有浏览器中发生。它具有许多其他功能,但仅适用于 Mac。
  • Grunt 还允许进行同步测试。检查this article
  • 您可以使用在线服务在浏览器内进行跨浏览器测试,例如
  • 我最后要提到的是 xip.io,请检查一下!!!
  • Chrome DevTools 非常适合用于此目的。它们允许您通过Developer Tool>Settings>Overrides覆盖不同设备的设置,您可以覆盖以下内容以模拟

    • 用户代理
    • 设备指标
    • 设备方向
    • 触摸事件
    • CSS 媒体
  • 关于css - 跨浏览器测试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30289505/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com