Pin-op 제작자: Conus Vision
Select a DOM element in Firefox and see its CSS — or original source-mapped SCSS — highlighted in your own local VS Code window. Requires the free Pin-op VS Code extension; the two link over a loopback connection with a seven-digit code.
확장 메타 데이터
정보
Pin-op connects one Firefox window to one local VS Code window through an
explicit seven-digit code. Select an element on the page or in the lazy DOM
tree, then inspect its DOM and Rules while the related CSS or source-mapped SCSS
ranges are highlighted in the IDE.
Pin-op distinguishes rules for the selected element from rules for its
immediate parent. Auto Refresh updates eligible styles without reloading the
page and reloads the current tab with scroll restoration after changed script,
Vue, PHP, or HTML saves.
Chrome and Firefox use one shared Chromium-derived read-only Inspector UI. It
is a BSD-licensed derivation with attribution in the package notices, and the
pinned Chromium source is available in the Firefox release source archive.
Only after an explicit Rules origin click may Pin-op open the exact verified CSS
or original source-mapped SCSS block in VS Code using an IDE-issued opaque
authority. Passive inspection never switches files, and no workspace path,
full range, document version, or command crosses the bridge.
The author-style pseudo preview supports
forcing and provides no user-authored CSS or DOM editing operations. Pin-op
does not dispatch input, focus, mouse, pointer, or keyboard events.
Page scripts may observe temporary preview artifacts while enabled, and mirror
styles may trigger transitions, animations, or resource loads. Controlled
exits remove Pin-op-owned markers and styles. Abrupt extension termination can
leave artifacts until page navigation or reload.
Unsupported cases are reported rather than invented. Inaccessible stylesheet
rules are unavailable and reported as PARTIAL. Cross-origin frames are
unavailable, and closed shadow roots are unavailable. Unsupported
The Inspector's Source tab remains active-document-only.
The connection uses a loopback-only WebSocket and explicit browser-window
linking, with no remote Pin-op service. Firefox 142 or newer and the matching
Pin-op VS Code extension are required.
Pin-op by Volodymyr Moskvin (c) 2026 Conus Vision
explicit seven-digit code. Select an element on the page or in the lazy DOM
tree, then inspect its DOM and Rules while the related CSS or source-mapped SCSS
ranges are highlighted in the IDE.
Pin-op distinguishes rules for the selected element from rules for its
immediate parent. Auto Refresh updates eligible styles without reloading the
page and reloads the current tab with scroll restoration after changed script,
Vue, PHP, or HTML saves.
Chrome and Firefox use one shared Chromium-derived read-only Inspector UI. It
is a BSD-licensed derivation with attribution in the package notices, and the
pinned Chromium source is available in the Firefox release source archive.
Only after an explicit Rules origin click may Pin-op open the exact verified CSS
or original source-mapped SCSS block in VS Code using an IDE-issued opaque
authority. Passive inspection never switches files, and no workspace path,
full range, document version, or command crosses the bridge.
The author-style pseudo preview supports
:hover and :focus; it is not nativeforcing and provides no user-authored CSS or DOM editing operations. Pin-op
does not dispatch input, focus, mouse, pointer, or keyboard events.
Page scripts may observe temporary preview artifacts while enabled, and mirror
styles may trigger transitions, animations, or resource loads. Controlled
exits remove Pin-op-owned markers and styles. Abrupt extension termination can
leave artifacts until page navigation or reload.
Unsupported cases are reported rather than invented. Inaccessible stylesheet
rules are unavailable and reported as PARTIAL. Cross-origin frames are
unavailable, and closed shadow roots are unavailable. Unsupported
:not(:hover) is PARTIAL; unsupported results are not guessed.The Inspector's Source tab remains active-document-only.
The connection uses a loopback-only WebSocket and explicit browser-window
linking, with no remote Pin-op service. Firefox 142 or newer and the matching
Pin-op VS Code extension are required.
Pin-op by Volodymyr Moskvin (c) 2026 Conus Vision
리뷰어 0명이 0점으로 평가함
권한 및 데이터
필수 권한:
- 클립보드에서 데이터 가져오기
- 열려있는 탭의 데이터에 접근하도록 개발자 도구 확장
- 브라우저 탭에 접근
선택적 권한:
- 모든 웹사이트에서 사용자의 데이터에 접근
개발자가 밝힌 필수 수집 항목:
- 웹사이트 활동
- 웹 사이트 콘텐츠
추가 정보
- 부가 기능 링크
- 버전
- 0.4.0
- 크기
- 867.82 KB
- 최근 업데이트
- 3일 전 (2026년 9월 1일)
- 관련 카테고리
- 라이선스
- MIT 라이선스
- 개인정보처리방침
- 이 부가 기능에 대한 개인정보처리방침 읽기
- 버전 목록
- 모음집에 추가