break🔴とは何ですか？

break🔴はAnmol Shresthaによって開発されたChromeの拡張機能で、その主な機能は「Extension to pause the execution of any webpage with breakpoint」です。

拡張機能のスクリーンショット

break🔴拡張機能のCRXファイルをダウンロード

break🔴拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Have you wanted to pause execution of some web-page so that you can inspect the state of the page or various elements on it at some given moment. This of course can be trivial if you're trying to do this to your own website on localhost since you could just set a break-point or add the "debugger" keyword on the code. This however is not the case for other websites you may not own or have access to source code to. One workaround could be to manually enter the "debugger" keyword in the dev console but this can get complicated with dynamic pages and if you want to inspect the page mid transitions. break🔴 is built for this very use-case in mind.

break🔴 inserts "debugger" keyword in the current web-page. This means when you press a set combination of keys, it sets a break-point and halts the execution of the web-page😎

Instructions:
1. Default mode
By default, pressing Ctrl + ` will activate the debugger in any web-page with 0 seconds of timeout delay

2. Custom mode
Contrarily, you could set your own key combo and timeout to trigger the debugger break.
Press Ctrl + to trigger debugger in seconds.

Important Notes (Please read):
1. The Dev Console must be open on the webpage for this to work
2. The key press events are expected to come from the webpage's body so make sure to switch to the context of the webpage by clicking on any part of its body before triggering the debugger
3. The default mode is active by default and needs no explicit activation
4. The default mode can't be overwritten
5. Custom settings get eliminated as soon as you refresh the webpage and don't persist across pages
6. Any previous settings can't be overwritten unless the webpage is refreshed (except the default)
7. key can't be used for the key combos
8. Negative values in the number input field will be interpreted as 0

P.S.: Source code: https://github.com/anmolshres/break
Information on "debugger" keyword: https://www.w3schools.com/jsref/jsref_debugger.asp

拡張機能の基本情報

名前	break🔴
ID	ohklhfdebnbjnjkdglfcpohondekiooe
公式URL	https://chromewebstore.google.com/detail/break%F0%9F%94%B4/ohklhfdebnbjnjkdglfcpohondekiooe
説明	Extension to pause the execution of any webpage with breakpoint
ファイルサイズ	15.42 KB
インストール数	32
現在のバージョン	0.0.2
最終更新日	2021-07-04
公開日	2020-08-03
評価	5.00/5 合計 2 レビュー
開発者	Anmol Shrestha
Eメール	[email protected]
支払い方法	free
ヘルプページのURL	https://github.com/shresshres/break
対応言語	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "break\ud83d\udd34", "version": "0.0.2", "description": "Extension to pause the execution of any webpage with breakpoint", "permissions": [ "tabs", "" ], "background": { "scripts": [ "background.js" ], "persistent": false }, "browser_action": { "default_popup": "popup.html", "default_icon": { "16": "images\/icons\/16.png", "19": "images\/icons\/19.png", "32": "images\/icons\/32.png", "38": "images\/icons\/38.png", "48": "images\/icons\/48.png", "128": "images\/icons\/128.png" } }, "icons": { "16": "images\/icons\/16.png", "19": "images\/icons\/19.png", "32": "images\/icons\/32.png", "38": "images\/icons\/38.png", "48": "images\/icons\/48.png", "64": "images\/icons\/64.png", "128": "images\/icons\/128.png" }, "manifest_version": 2 }