WEB前端开发软件安装 - 浏览器篇
工欲善其事，必先利其器，作为WEB前端从业者，我们不可避免的，每天都必须跟浏览器打交道。由于现在市面上的浏览器众多，各个厂商对W3C的标准执行不一，造就了浏览器上一些特性的差异性，为了确保我们所开发的产品在各个主流浏览器上展示一致，行为一致，这就要求我们从业者，必须在各个主流浏览器上逐一调试，以确保用户体验。
如果你所选用的操作系统是Windows OS，那么安装浏览器就变得非常的简单，你可以下载一个软件管理工具，在上面直接搜索你想要的浏览器，然后一件完成安装，在这里就不复述Windows平台下的安装方法。
主流浏览器必须至少包括: Internet Explorer, Firefox, Safari, Google Chrome.
本文着重介绍如何在Ubuntu系统下面安装各个浏览器以及在浏览器上面安装常用的插件.
浏览器安装 - Ubuntu
- FireFox安装
默认情况之下，Ubuntu操作系统是自带安装FireFox浏览器的，但是为了确保其浏览器版本是最新的，我们可以通过以下的步骤手动安装最新的版本:
- Ctrl + ALT + T，调出Command Console；
- 输入sudo add-apt-repository ppa:mozillateam/firefox-next；
- 完成前面的步骤之后，输入sudo apt-get update,更新仓库；
- 然后在命令行终端上输入sudo apt-get install firefox进行firefox的安装
- Google Chrome浏览器安装
安装步骤如下:
- 首先以root的身份登录终端；
- 直接通过联网，从网络上直接下载Google Chrome的安装包(请下载与操作系统相匹配的包，本例使用的是64bit安装包)，在终端执行命令:wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb，开始安装包的下载
- 接下来，为了防止在安装过程中出现依赖关系的错误，我们在这里先在终端输入执行命令:apt-get -f install,解决依赖数之间的关系
- 等待以上的步骤执行完之后，在终端输入命令:dpkg -i google-chrome-stable_current_amd64.deb进行安装；
- 打开google chrome帮助选项，可以查看安装的版本号
- Opera浏览器安装
安装步骤如下：
- 首先以root的身份登录终端；
- 运行sudo gedit /etc/apt/sources.list，在最末添加deb http://deb.opera.com/opera-beta/ stable non-free，保存并关闭文本；
- 运行sudo apt-get update进行更新；执行这一步的时候可能导致以下错误：由于没有公钥，下列签名无法进行验证： NO_PUBKEY 033431536A423791，此时我们需要添加公钥，sudo apt-key adv --keyserver keyserver.ubuntu.com --recv <以上NO_PUBKEY后面那窜数字最后8位数字，这里就是6A423791>.然后再一次执行sudo apt-get update进行更新；
- 更新成功之后，执行sudo apt-get install opera进行安装
浏览器插件管理
-
Firefox常用插件
Firefox下添加插件的方法:
-
在浏览器地址栏中输入about:addons打开附加组件管理器；
-
在附加组件管理器页面右上角搜索栏，输入你想要添加的组件名称；
-
在可用附加组件列表中找到你想要安装的组件，点击安装按钮进行安装；
-
重新启动Firefox
Firefox实用插件:
-
Firebug,集成了浏览网页的同时随手可得的丰富开发工具，可以对任何网页的CSS，HTML和Javascript进行实时编辑，调试跟监控；
-
HttpFox,HTTP分析扩张器，监控跟分析浏览器和网络服务器之间收发的所有HTTP流量，每个请求可得的信息包含:请求和响应的头信息/发送跟接收的cookies/querystring参数/POST参数/响应的主体；
-
Tamper Data:提供查看跟修改HTTP/HTTPS头信息跟POST参数；
-
Web Developer:集成了丰富的Web Developer Tools，包括了CSS样式编辑器/DOM Inspector/网络/性能/控制台/调试器等等；
-
JSONView:可以在浏览器中像查看XML文件一样查看JSON，具有代码自动高亮，自动缩进，自动折叠功能；
-
User-Agent Switcher:可以很方便的切换你的浏览器的User Agent；
-
JQuery
Google Chrome添加插件的方法:
-
进入Web Store, https://chrome.google.com/webstore/category/apps
-
在搜索栏中输入你想要查找的插件名称；
-
在搜索到的扩展程序列表中找到安装的插件，点击添加至Chrome进行自动安装；
-
重启Google Chrome，确保插件生效
Google Chrome实用插件:
-
Firebug Lite;
-
JSONView:可以在浏览器中像查看XML文件一样查看JSON，具有代码自动高亮，自动缩进，自动折叠功能；
-
User Agent Switcher:可以很方便的切换你的浏览器的User Agent;
-
Mobile Browser Emulator:手机浏览器虚拟器，可以很方便的展示你的页面在手机页面上的显示效果；
-
JSON Lint:可以检验JSON数据的合法性，并且支持格式化JSON数据；
-
Browser Stack:提供了OS + Browser Stack的选项，可以模拟在不同操作系统+浏览器下的页面效果；
-
AngularJS Batarang:AngularJS调试跟Profiling
Safari添加插件的方法:
-
点击设置菜单，选择偏好设置选项，在弹出的窗口中选择扩展Tab，点击取得扩展，会打开Safari Extension Gallery页面，在搜索框中输入插件名称
-
找到你想要的插件，点击Install Now；
-
重启Safari确保插件生效
Safari实用插件:
-
Firebug Lite;
-
JSONView:可以在浏览器中像查看XML文件一样查看JSON，具有代码自动高亮，自动缩进，自动折叠功能
你可以通过以下方式关注我们:
