❶ 前端测试浏览器兼容性有没有比较好的工具
无非就是大约三种方式：
1，安装虚拟机，各种系统。主要测试的是 IE 浏览器，微软就提供了各种系统和浏览器测试镜像下载，就是特别慢。
2，在线测试。提交之后，对面服务器会在他们的各种机器上运行各种浏览器或者设备来检测你的网站，通常以截图的方式给你，也有的可以在线拖动滚动调试，但是非常卡。
3，自建服务器测试。在本机装各种系统太麻烦了，而且会很卡。我司就有拿出几台服务器，根据浏览器类型安装不同操作系统，然后可以远程连接测试。速度比较快，但是个人不太好搭建，也没有这么多服务器资源。
❷ 网站前端性能测试有什么工具可以测页面加载或渲染等时间呢
页面加载速度本来就是和浏览器与机器性能挂钩，为了区分从服务器端取数据和浏览器加载渲染页面的时间的话，比较推荐使用Chrome自带的开发者工具，其中在Timeline的Tab下就能看到各个行为所消耗的时间，还是很方便的。
每种颜色代表不同的行为，比如Loading,Scripting,Rendering,Painting每种颜色代表不同的行为，比如Loading,Scripting,Rendering,Painting
觉得这样不够具有代表性的话，可以去各种页面性能检测的网站进行测试，得出的结果比较统一吧
我自己在用的是这个WebPagetest - Website Performance and Optimization Test，能够比较直观的看出性能，而且还给出了优化方法和优化后的性能对比
❸ mac 系统 前端截图 量尺寸 吸色工具都有哪些
用photoshop吸色再使用画笔工具的方法是： 1、新建白色背景文件，创建新图层； 2、用“吸管工具”点击“前景色”按钮打开“拾色器”，在拾色器面板选定需要的颜色设置为前景色； 3、点击“画笔工具”，设置画笔大小、硬度等在桌面画布上绘画，添加效果，完成。
❹ 前端开发兼容性测试用哪些工具
浏览器的兼容性一般用ietester，调试程序的话用chrome或ff浏览器即可~
❺ web前端的自动化测试工具都有哪些啊
工具太多了，推荐几个
Selenium
HP QuickTest Professional
WATIR
WATIN
还有其他的供选
Rational robot
SilkTest
TestComplete
TestPartner
❻ 请问，有没有一款综合性的前端测试工具，集成常用的前端测试工具
没有特别集成的总和工具，给楼主列举了一系列的测试工具
1. Browser Shots
Browsershots工具提供了对你的Web设计在不同操作系统和浏览器下截图的功能。它是一个免费的在线开源Web工具，使开发人员能以一种便捷的方式同时测试网页的浏览器兼容情况。在Browsershots上提交的网址将被添加到一个任务队列。随后一些分布式的计算机将在各自的浏览器中打开该网站并截图。最终可通过一个中央服务器来查看这些上传的截图。
2. IETester
IETester是一个免费的Web浏览器调试工具，可以模拟出不同的js引擎来帮助程序员设计效果统一的代码。IETester可以在独立的标签页中开启IE 5.5、IE 6、IE 7以及最新的IE 8（9） beta等不同版本的IE。
3. WebPage Speed Test
使用该工具可在全球不同位置及不同浏览器中测试网页的真实链接速度。除了简单的测速，你还可以执行一些其他高级测试，如多步执行（multi-step transaction）、视频录制、内容阻止等。测试结果将提供丰富的诊断信息，包括资源加载瀑布图、网页速度优化检查及改进建议等。
4. Mobile testing
使用这个工具你可以查看你的网站在移动设备上的效果。可以设置移动设备的类型、录屏，以及结果不公开。
5. Feed validator
免费的W3C Feed校验服务，可用于查找Atom和RSS Feed中的语法错误。
6. Instant Website Test
该工具提供免费即时的网站性能测试服务。可从全球不同位置探测你的网站加载速度有多快，并查明是何者降低了页面性能。
7. Pingdom
输入URL，即可测试页面的加载时间，分析并发现加速的“瓶颈”所在。
8. Link Checker
该工具可用于搜寻查明你网站内的所有链接里是否有断链。
9. DNS Health Checker
正确的DNS设置对网站运行来说是至关重要的。Pingdom的DNS Health test工具可以帮助你发现错误的DNS设置，并检查域名解析是否正确。它能够自动发现你所指定域名使用的DNS服务器，然后执行一系列迭代测试来查明域名设置及DNS服务器响应是否正确。
10. Load impact
Load Impact是一个在线网站负载测试服务，可以帮助你测试网站的负载和压力。
11. Google web page tester
Google的Page Speed Service，可以为第三方网站提供网页加速服务。你只需要把以前的域名CNAME到ghs.google.com，浏览者就不再直接访问网站的服务器，而是转到Google的服务器上。Google的服务器会抓取网站服务器上的网站内容，然后进行重写、缓存。它使用类似CDN（内容分发）的原理，而比普通只提供缓存的CDN多了内容重写的环节，自动为网页提供合并CSS、合并JavaScript、将CSS移到HTML的Head、压缩图片、优化图片、缓存图片、碎片域名、gzip资源等网页加速技巧。
12. Validate you HTML code
该工具可用于检查Web文档中HTML、XHTML、SMIL、MathML等标记的有效性。
13. Website vulnerability tool
免费的在线网络漏洞扫描工具，可用于检查你的网站的安全性。
❼ web前端开发常用工具有哪些
常用的web前端开发工具web前端开发工具有哪些：
1、Bootstrap
Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS 和HTML 的集合，它使用了最新的浏览器技术，给你的 Web 开发提供了时尚的版式，表单，buttons，表格，网格系统等等。
2、Foundation
Foundation 是一个易用、强大而且灵活的框架，用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等。
3、Cloud9 IDE
Cloud9 IDE 是一个基于 Node.JS 构建的 JavaScript 程序开发 Web IDE。它拥有一个非常快的文本编辑器，支持为 JS，HTML，CSS 和这几种的混合代码进行着色显示。Cloud9 IDE 还为 node.js 和 Google Chrome 集成调试器，可以在IDE 中启动、暂停和停止。
4、Notepad++
Notepad++ 是一款非常有特色的编辑器，是开源软件，可以免费使用。我们开发人员都是必备的。支持的语言: C, C++ , Java , C#, XML, HTML, PHP,Javascript!
5、Visual Studio Code
Visual Studio Code 是一个运行于 OS X，Windows 和 Linux 之上的，针对于编写现代 web 和云应用的跨平台编辑器。
6、GIMP
GIMP 是 GNU 图像处理程序(GNU Image Manipulation Program)的缩写。包括几乎所有图象处理所需的功能，号称 Linux 下的 PhotoShop。GIMP 在 Linux系统推出时就风靡了绘图爱好者圈。
7、SecureHeaders
SecureHeaders 是 Twitter 送给 Web 开发者的一份大礼，作为一款 Web 安全开发工具，Secureheaders 能够自动实施安全相关的 header 规则，包括内容安全政策(CSP)，防止 XSS、HSTS 等攻击，防止火绵羊(Firesheep)攻击以及 XFO 点击劫持等。
8、Fontello
Fontello 是个图标字体生成器。这个工具允许用户把这些图标 web 字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。
❽ 前端工程师必备哪些工具
web前端是一个新兴职业，市场需求大，薪资待遇高，吸引了很多人加入学习。今天给大家分享一下web前端开发用什么软件。
1、Sublime Text
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所见即所得的接口，亦有HTML(标准通用标记语言下的一个应用)编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。 访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准。使用视觉辅助功能减少错误并提高网站开发速度。
3、Visual Studio Code
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。
4、HBuilder
HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。
5、WebStorm
WebStorm 是jetbrains公司旗下一款Java 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的Java IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。