随着Web标准的广泛接受以及浏览器前缀的弃用,浏览器市场发生了显著的变化。浏览器制造商曾经试图通过功能支持的承诺来吸引用户,现在的重点是隐私、速度和开发人员工具。当谈到网站建设时,你真的应该在你可以使用的每个浏览器和设备上进行测试;您可能已经在使用LambdaTest或BrowserStack 之类的应用程序这样做了。
在进行质量保证测试时,您可能会按市场份额进行工作:从移动设备上的Safari开始,桌面上的Chrome,然后逐步发展到Opera,在测试的时候,我们最关心的就是最大的用户数。
但在您进入QA阶段之前,有许多浏览器旨在协助开发。为前端开发人员提供帮助代码和加速开发的工具的浏览器无疑更受开发人员青睐。以下是2021年用于网站建设的最佳浏览器:
1. LT Browser
LT Browser是LambdaTest为Web开发人员设计的应用程序。与此类中的许多应用程序一样,它提供不同视口中站点的并排比较。此外,LT浏览器具有许多使其脱颖而出的功能。
除了预览网页外,LT浏览器还提供了可与Chrome竞争的开发者工具,如果您想查看不同设备之间的变化如何影响您的Lighthouse分数,这将非常方便。LT浏览器还支持热重新加载,这意味着当您更改代码时,您不必点击“刷新”,视口只需重新加载 - 令人惊讶的是,简单添加可以节省多少时间。
2. 火狐开发者版
2021年Web开发的最佳常规浏览器是Mozilla 的 Firefox的开发者版。
Firefox的标准版是一款出色的浏览器,功能丰富且注重隐私。开发人员版本增加了一套针对开发人员的工具。CSS和JavaScript调试工具非常棒,而Grid工具对于使用CSS Grid编码布局来说是无与伦比的。
3. Polypane
Polypane是新一代Web浏览器之一,其目的是作为开发辅助工具而不是浏览器。Polypane允许您通过并排放置来比较不同的视口和平台。诸如滚动之类的交互是同步的。
通过显示社交媒体预览,Polypane比此类中的许多浏览器应用程序更近了一步。它甚至有一套辅助工具,包括一些方便的色盲模拟器。
4. Blisk
Blisk是另一种面向开发人员的浏览器,它允许您在单个应用程序中排列一组视口。URL和滚动同步,使测试交互和动画毫不费力。
Blisk玩起来非常有趣,并提供了响应式设计的精彩预览。但请注意,同步视口可能令人上瘾,而且很容易排列浏览器并被同步运动催眠;您需要一个非常大的屏幕才能充分利用Blisk。
5. Sizzy
Sizzy是另一个允许您一次查看多个视口的应用程序。它还具有同步交互功能,并且与许多竞争应用程序一样,Sizzy 允许您截取不同的视图。
Sizzy 还包含一个非常聪明的同步检查工具,因此您可以专注于跨不同视口的单个元素。这是调试的绝佳选择,尤其是在您深入研究其他人的代码时。
6. Brave
Brave是一款注重隐私的浏览器,运行速度比Chrome快三倍。如果您对大多数网站的渲染速度犹豫不决,那么Brave可能适合您。
Brave对开发人员的主要好处是它支持Chrome扩展程序,同时保持隐私——如果简单的隐私模式对你来说还不够,它甚至可以使用Tor访问网络。有数百个有用的Chrome扩展程序,如果您出于隐私考虑而避免使用 Chrome,那么Brave可以解决您的问题。
Brave还开创了一种将网站收入货币化的新系统,允许观众给网站打赏,并很快控制广告收入的分配方式。
7. Chrome
可能很无聊,但从全球来看,Chrome仍然是世界上最受欢迎的浏览器。曾经的网站“最好在IE中查看”,Chrome 现在是Web的默认设置。
无论您设计的网站是什么,它都必须在Chrome中运行良好,没有任何模拟器能像真实的一样好。
除了作为页面渲染的基准之外,Chrome开发人员工具还是访问Lighthouse分数的最简单方法,它可以帮助您追踪可能阻碍您在搜索结果中出现的问题。