## 浏览工具
**JS 浏览工具:**
* [URI.js](http://medialize.github.io/URI.js/)
* [platform.js](https://github.com/bestiejs/platform.js)
* [history.js](https://github.com/browserstate/history.js)
* [html2canvas](https://github.com/niklasvh/html2canvas)
**参考工具(查看浏览器是否支持某特性)**
* [caniuse.com](http://caniuse.com/)
* [HTML5 Please](http://html5please.com/)
* [HTML5 test](https://html5test.com/)
* [Browserscope](http://www.browserscope.org/)
* [webbrowsercompatibility.com](http://www.webbrowsercompatibility.com/)
* [iwanttouse.com/](http://www.iwanttouse.com/)
* [Platform status](https://dev.modern.ie/platform/status/)
* [Browser support for broken/missing images](http://codepen.io/bartveneman/full/qzCte/)
* [Big JS-Compatibility-Table](http://compatibility.shwups-cms.ch/en/home)
* [jscc.info](http://jscc.info/)
**浏览器开发/调试工具:**
* [Opera Dragonfly](http://www.opera.com/dragonfly/)
* [Safari Web Inspector](https://developer.apple.com/safari/tools/)
* [Firefox Developer Tools](https://developer.mozilla.org/en-US/docs/Tools)
* [Chrome Developer Tools (aka DevTools)](https://developers.google.com/web/tools/?hl=en)
* [Per-Panel Documentation](https://developers.google.com/web/tools/chrome-devtools/#docs)
* [Command Line API Reference](https://developers.google.com/web/tools/javascript/command-line/command-line-reference?hl=en)
* [Keyboard & UI Shortcuts Reference](https://developers.google.com/web/tools/iterate/inspect-styles/shortcuts)
* [Settings](https://developer.chrome.com/devtools/docs/settings)
* [IE Developer tools (aka F12 tools)](https://dev.modern.ie/platform/documentation/f12-devtools-guide/)
* [vorlon.js](http://vorlonjs.com/)
**同步浏览工具:**
* [Browsersync](http://www.browsersync.io/)
**浏览器编码工具(判断用户的浏览器是否支持某特性):**
* [Modernizr](https://modernizr.com/)
* [ES Feature Tests](https://featuretests.io/)
**浏览器的各种 polyfills/shims:**
* [webcomponents.js](https://github.com/WebComponents/webcomponentsjs)
* [webshim](https://afarkas.github.io/webshim/demos/)
* [HTML5 Cross Browser Polyfills](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills)
* [console-polyfill](https://github.com/paulmillr/console-polyfill)
* [socket.io](http://socket.io/)
* [sockjs](https://github.com/sockjs/sockjs-client)
**浏览器承载测试/自动化:**
* [browserstack](https://www.browserstack.com/) [$]
* [browserling](https://www.browserling.com/) [$]
* [Sauce labs](https://saucelabs.com/) [$]
* [Selenium](http://www.seleniumhq.org/)
* [CrossBrowserTesting.com](http://crossbrowsertesting.com/) [$]
**无壳浏览器:**
* [PhantomJS](http://phantomjs.org/)
* [slimerjs](http://slimerjs.org/)
* [TrifleJS](http://triflejs.org/)
**无壳浏览器的自动化工具:**
* [nightwatchjs](http://nightwatchjs.org/)
* [casperJS](http://casperjs.org/)
* [Nightmare](https://github.com/segmentio/nightmare)
**浏览器 hacks:**
* [browserhacks.com](http://browserhacks.com/)
- Introduction
- 什么是前端开发者?
- 第一部分: 前端开发实践
- 前端的工作职称
- 常用的网络技术
- 前端开发技术栈
- 前端开发做什么
- 团队中的前端
- 全才神话
- 前端的面试问题
- 前端工作版块
- 前端薪资
- 如何培养前端开发者?
- 第二部分: 前端开发学习
- 自主学习
- Internet/Web
- Web浏览器
- DNS
- HTTP/网络
- Web 主机
- 前端开发综合学习
- 用户界面和交互设计
- HTML & CSS
- SEO
- Javascript
- Web 动画
- DOM, BOM & JQuery
- Web 字体
- 无障碍设计
- Web/浏览器 API
- JSON
- 静态网页生成器
- 前端应用架构设计
- 接口/API 设计
- Web 开发者工具
- 命令行
- Node.js
- 模块加载器
- 包管理器
- 版本控制
- 构建 & 任务自动化
- 网站性能优化
- JS 测试
- 无壳浏览器
- 离线开发
- 安全
- 多平台开发
- 指导学习
- 前端指导学习
- 前端开发者从哪里学
- 前端简报, 资讯 & 博客
- 第三部分: 前端开发工具
- 常用前端开发工具
- DOC/API 浏览
- SEO
- 原型和框架
- 图表
- HTTP/网络
- 代码编辑
- 浏览器
- HTML
- CSS
- DOM
- JavaScript
- 静态网页生成器
- APP(桌面, 移动, 平板等) 管理
- 脚手架
- 模板
- UI 部件 & 组件
- 数据可视化
- 图形
- 动画
- JSON
- 测试框架
- 数据存储
- 模块/包加载
- 模块/包仓库
- Web/云/静态主机托管
- 项目管理 & 代码托管
- 合作 & 交流
- CMS 托管/API
- BASS
- 离线
- 安全
- 任务管理
- 部署
- 网站/APP 监控
- JS 错误监控
- 性能