為jQuery開發人員準備的10個 Chrome 擴展

jopen 9年前發布 | 16K 次閱讀 jQuery

1. jQuery Audit

為jQuery開發人員準備的10個 Chrome 擴展
jQuery Audit creates a sidebar in the Elements panel containing jQuery delegated events, internal data, and more, as live DOM nodes, functions, and objects.

2. jQuery Debugger

為jQuery開發人員準備的10個 Chrome 擴展
jQuery Debugger helps you to find bugs in the code it inspects your jquery selectors, and watch their matching elements displayed on any website. It is designed to help you understand easily even the most complex selectors.

3. jQuery Injector

為jQuery開發人員準備的10個 Chrome 擴展
jQuery Injector lets you inject jQuery in the current page. You can check for successful insertion, by running “$().jquery” command in the console.

4. All Cheat Sheets

為jQuery開發人員準備的10個 Chrome 擴展
This extension gives you various cheat sheets right in your browser for quick help.

5. jQuery Reference

為jQuery開發人員準備的10個 Chrome 擴展
jQuery Reference Search Extension allows you to search about any jQuery reference without moving to new tab or window.

6. JSIDE

為jQuery開發人員準備的10個 Chrome 擴展
This is a very simple tool to help out testing and checking out new ideas when you are offline. It creates a new blank page in edit mode using: data:text/html, html contenteditable. And also links jQuery-1.11.1 packaged with the extension, making it a fully offline capable tool.

7. jQuerify

為jQuery開發人員準備的10個 Chrome 擴展
Inject jQuery latest stable release version into any page you want or indicate presence of jQuery if it is included on page already. It allows you to use injected jQuery in the console shell (You can invoke Chrome console by “Ctrl+Shift+j” on PC or “Option+Command+j” on Mac) and to see the indication if jQuery has already been injected to the current page.

8. jQuery Maxify

為jQuery開發人員準備的10個 Chrome 擴展
This extension maxifies all minified jQuery references on a page can be toggled on and off by clicking the extensions icon.

9. jQuery Console Fix

為jQuery開發人員準備的10個 Chrome 擴展
Small extension which fixes console.log output for jQuery objects in Chrome Developer Tools console. With this extension jQuery objects are displayed like in older versions of chrome (full list with highlighting on hover).

10. Quick Search on jQuery API

為jQuery開發人員準備的10個 Chrome 擴展
This handy extension helps you to search faster on the official jQuery API docs site. Using it is very easy. Just type in “sjq” to your browsers address bar and press “tab” or “space”, now the extension is activated and ready to use.

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!