前端web页面链接回归测试

quincy1480142727000
410 阅读2分钟

概述

项目测试过程中会进行页面的回归测试，但是对于页面比较多，尤其是页面内链接比较多的地方，前端很难做到每个链接的回归测试，尤其对于腾讯广告官网，首页中链接有上百个，代码修改后，很难纯人工回归测试。但是，为了防止一些潜在错误的url，避免线上访问有404的情况，本文实践并整理了一些操作简单效果良好的方法，跟大家分享，不足之处请指正。

涉及的主要工具

  • 1、Xenu Link Sleuth

  • 2、screamingfrog

  • 3、firefox link checker 插件（墙裂推荐）

1、Xenu Link Sleuth

优点

  • 目前最流程知名的工具，支持本地网页文件检查连接，也可以输入网址检查，分别列出网站的活链接以及死链接含图片链接。可以制作出HTML格式的网站地图，检测结果很清晰

缺点

  • 不支持mac

遗憾的是不支持mac环境，家里没有window机器，所以官网的图放一张。等回到公司后再拿window机器尝试。

其他类似的校验器

都不支持mac，所以不是我的菜，window同学可以尝试

2、Screaming frog

不知道是不是在家网络环境的原因，官网点击下载，始终无法下载。

  • 主要功能
    • 检测404链接
    • 检测临时或者永久重定向的链接
    • 分析页面标题和meat数据
    • 检测重复的url
    • 收集数据
  • 缺点

  • 使用界面截图

3、firefox link checker

个人推荐！！！

  • 如何安装

    • 1、点击火狐浏览器右上角选项按钮，选择“附加组件管理”；
    • 2、在弹出界面中的搜索栏搜索：link checker；
    • 3、在界面下方会展示搜索结果，点击后面的安装按钮即可安装，该扩展安装后需要重启浏览器。

  • 如何使用

    • 打开要检测的页面，点击插件便可

  • 如何查看

    • 自动检测完毕后，页面有link的地方会有标识块。
    • 绿色表示检测成功
    • 黄色表示url 重定向
    • 红色表示url 404
    • 打开控制台，查看重定向和404的页面

  • 插件

缺点

  • 点击error时，无法直接跳转到报错的地方，有些埋藏的比较深的url 404时不好找。但是可以打开控制台进行查看

参考文章

avatar
文章
阅读
粉丝