CSS Debugger란 무엇입니까?

CSS Debugger은(는) Bright Hadith에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "CSS Debber is a powerful Chrome extension designed for web developers and designers."입니다.

확장 프로그램 스크린샷

CSS Debugger 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

This browser extension injects the CSS Debugger into the present webpage, creating outlines around each element to enhance the visibility of their placement on the page.

Within the realm of web development, this remarkable browser extension serves a pivotal role by seamlessly integrating the robust functionality of a CSS debugger directly into the fabric of the currently displayed webpage. This intricate tool empowers developers and designers alike to delve into the intricate nuances of their cascading style sheets, facilitating a comprehensive understanding and meticulous control over the visual and structural aspects of the page's elements.

Upon activation, this extension meticulously scans the underlying code and renders a visual aid by enveloping each individual element with meticulously crafted outlines. These outlines are strategically designed to serve as a perceptive guide, illuminating the exact positioning and dimension of every element within the broader layout of the page. As a result, developers are bestowed with an unparalleled clarity regarding the hierarchical relationships, overlaps, and alignments of various elements, thereby fostering a more intuitive grasp of the overall design's intricacies.

확장 프로그램 기본 정보

이름	CSS Debugger
ID	bjpidjfkmlbmlfeogdpemieacmdicdno
공식 URL	https://chromewebstore.google.com/detail/css-debugger/bjpidjfkmlbmlfeogdpemieacmdicdno
설명	CSS Debber is a powerful Chrome extension designed for web developers and designers.
파일 크기	13.27 KB
설치 횟수	153
현재 버전	1.1.0
최근 업데이트	2023-10-03
출시 날짜	2023-08-28
평점	5.00/5 총 9 개의 평점
개발자	Bright Hadith
이메일	[email protected]
결제 유형	free
개인정보 보호 정책 페이지 URL	https://docs.google.com/document/d/1AAK2GJqBkkff8TkO36G9eJm8Y-xr8s-dBAIcGqs-fog/edit?usp=sharing
지원되는 언어	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "CSS Debugger", "description": "CSS Debber is a powerful Chrome extension designed for web developers and designers.", "version": "1.1.0", "manifest_version": 3, "permissions": [ "activeTab", "scripting" ], "icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "128": "icon128.png" }, "action": { "default_icon": "logo.png", "default_title": "CSS Debugger" }, "web_accessible_resources": [ { "resources": [ "app.css" ], "matches": [ "" ] } ], "background": { "service_worker": "background.js" }, "commands": { "_execute_action": { "suggested_key": "Ctrl+Shift+X", "description": "Toggle CSS Debugger" } } }