zoukankan      html  css  js  c++  java
  • LT浏览器——响应式网站测试利器

    • LT浏览器是为了响应式网站测试而开发的浏览器。

    响应式网页设计是一种确保网站或网站内容适应不同屏幕尺寸和设备的方法。无论设备有多大或多小,响应式网页设计都可以提供直观的用户体验。

    LT浏览器概述

    LT浏览器帮在不同的设备分辨率上进行测试。使用 LT 浏览器,可以简化UI/UX开发、测试内容放置和对齐、评估不同屏幕分辨率上视觉繁重的网站,并生成网站的性能报告。

    LT浏览器是功能最强大但价格实惠(实测LT浏览器永久免费,但是使用用户和并行测试受限)的移动友好测试器,可让设计人员和开发人员在任何屏幕尺寸上开发、测试和调试视觉上令人惊叹的移动网站。

    LT浏览器具有以下功能:

    • 可以调整网络速度并验证不同网络条件下的网站行为(实测只有WiFi,low 3G,fast 3G,offline)
    • 为您的移动网站运行性能报告,帮助您确定影响网站整体性能和排名的问题。(实测完美体验)
    • 一键记录错误,与项目管理工具集成,团队协作以更快地修复错误。(实测需要开发能力支持,不确定钞能力要求)
    • 本机开发人员工具可快速解决问题并随时随地验证更改。(热更新,实测完美体验)
    • 启用触摸模式、生成整页屏幕截图、录制视频、捕获屏幕截图等。(实测完美体验)

    下面介绍一下LT浏览器的主要功能:

    检查网站的移动、平板和桌面视图

    在不同的预装移动设备视图端口上测试网站。使用 LT 浏览器查看 android 和 iOS 分辨率的网站移动视图,LT 浏览器是一种用于移动视图调试的开发友好型浏览器。不仅如此,LT浏览器还支持平板和桌面版设备的分辨率。

    手机
    平板
    PC电脑

    自定义设备

    找不到您喜欢的设备?使用 LT 浏览器,您可以创建自己的自定义设备视口并保存以备将来使用。创建新的移动、平板电脑或桌面设备并在各种设备上测试网站,屏幕分辨率并在不同屏幕尺寸上对网站进行屏幕分辨率测试。

    FunTester自定义设备

    并行测试

    再也不用在两个设备之间切换来执行移动网站测试。使用LT浏览器为开发人员提供的浏览器同时在两台设备上进行测试,并在不同的手机、平板电脑和台式机尺寸上执行移动网站测试。目前免费版支持两个,官方文档表示发动钞能力可以极大提升并行测试数量。

    并行测试

    内置开发者工具

    这款面向开发人员的浏览器带有 DevTools,可在同时执行响应性测试的同时调试多种设备尺寸。使用不同的 DevTools 在各种设备分辨率上测试网站。

    感觉就是Chrome浏览器的。

    开发者工具

    热加载

    这个开发友好的浏览器支持热重载,以帮助您即时实时查看更改。每当您在代码编辑器或 IDE 中点击保存反应代码时,本地 URL 将自动重新加载到视口中。

    这个好像也是Chrome的功能。

    热更新

    性能测试报告

    现在可以使用浏览器为开发人员单击一次生成详细的网站性能报告。这可以帮助您通过统计数据来分析关键性能指标、可访问性分数、SEO 以及改进整体性能的范围。

    这个功能非常实用,参数多,指标全,详细报告细节很多,有较大的指导意义,目前看是免费的。

    FunTester性能测试报告

    FunTester性能测试报告

    一键错误记录

    在他们最喜欢的项目管理/错误跟踪工具(例如 Jira、Trello、Asana、GitHub 等)上标记错误并与您的同事分享。将问题连同摘要一起分配给团队成员并尽快修复错误。

    错误截图

    支持插件

    在不同的网络条件下测试

    它带有内置的网络模拟功能,可让在低到高的网络配置文件上测试网站,甚至可以在离线模式下测试,看看它们如何反映给实际用户。

    这个功能如果能提供更细节的网速设置就好了,有待改进。

    网络环境设置

    下载

    后台回复lt,即可获取Mac和Window安装包下载地址。

    Have Fun ~ Tester !

    FunTester测试框架和分布式测试框架DCS_FunTester官方账号,欢迎关注!


    点击阅读阅文,查看FunTester历史原创集合

  • 相关阅读:
    Android Media Playback 中的MediaPlayer的用法及注意事项(二)
    Android Media Playback 中的MediaPlayer的用法及注意事项(一)
    34. Search for a Range
    33. Search in Rotated Sorted Array
    32. Longest Valid Parentheses
    31. Next Permutation下一个排列
    30. Substring with Concatenation of All Words找出串联所有词的子串
    29. Divide Two Integers
    28. Implement strStr()子串匹配
    27. Remove Element
  • 原文地址:https://www.cnblogs.com/FunTester/p/15155799.html
Copyright © 2011-2022 走看看