Home > Web Front-end > HTML Tutorial > BackstopJS--自动 CSS 回归测试工具_html/css_WEB-ITnose

BackstopJS--自动 CSS 回归测试工具_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 08:49:49
Original
1327 people have browsed it

BackstopJS 是自动 CSS 回归测试工具,它通过比较不同视窗大小的 DOM 截图来回应你所测试的 Web 界面。可以识别出两个不同视角上的网页差异。

{  "viewports": [    {         "name": "phone",      "width": 320,      "height": 480    },     {          "name": "tablet_v",      "width": 568,      "height": 1024    },     {            "name": "tablet_h",      "width": 1024,      "height": 768    }  ],      "scenarios": [    {           "label": "http://getbootstrap.com",           "url": "http://getbootstrap.com",           "hideSelectors": [],           "removeSelectors": [             "#carbonads-container"      ],            "selectors": [              "header",               "main",              "body .bs-docs-featurette:nth-of-type(1)",              "body .bs-docs-featurette:nth-of-type(2)",              "footer",              "body"      ],            "readyEvent": null,            "delay": 500    }  ]}
Copy after login
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template