AVAILABLE NOW: Front-End Developer Handbook 2017

Browser Tools

JS Browser Coding Utilities:

• History.js
• html2canvas
• Platform.js
• URI.js

General Reference Tools to Determine If X Browser Supports X:

• Big JS-Compatibility-Table
• Browser support for broken/missing images
• Browserscope
• caniuse.com
• Firefox Platform Status - Implementation & standardization roadmap for web platform features
• HTML5 Please
• HTML5 Test
• iwanttouse.com/
• jscc.info
• Platform Status
• webbrowsercompatibility.com
• whatwebcando.today

Browser Development/Debug Tools:

• Chrome Developer Tools (aka DevTools)
  • Per-Panel Documentation
  • Command Line API Reference
  • Keyboard & UI Shortcuts Reference
  • Settings
• Firefox Developer Tools
• IE Developer tools (aka F12 tools)
• Opera Dragonfly
• Safari Web Inspector
• Vorlon.js

Synchronized Browser Tools:

• Browsersync

Browser Coding Tools to Determine If X Browser Supports X:

• ES Feature Tests
• Feature.js
• Modernizr

Broad Browser Polyfills/Shims:

• console-polyfill
• HTML5 Cross Browser Polyfills
• socket.io
• SockJS
• webcomponents.js
• webshim

Browser Hosted Testing/Automation:

• Browserling [$]
• BrowserStack [$]
• CrossBrowserTesting.com [$]
• Sauce Labs [$]
• Selenium

Headless Browsers:

• PhantomJS
• slimerjs
• TrifleJS

Headless Browser Automation:

Used for functional testing and monkey testing.

• CasperJS
• gremlins.js
• Nightmare
• NightwatchJS

Browser Hacks:

• browserhacks.com