DOM Guides

开发者工具插件大小: 65.71KiB版本: v 0.1.1更新时间: 2021-12-21
大小:65.71KiB版本:v 0.1.1更新时间:2021-12-21

DOMに自動でガイドを引いて、長さを計測することができます。

・使い方 DOM Guidesは、DOM上の要素に自動でガイドを引くGoogle Chrome 拡張機能です。 この拡張機能を使用することで、各要素の間隔を計測することができます。 アドレスバーの右のアイコンをクリックすることで、on/offを切り替えることができます。 ガイドを表示した状態でクリックすると、選択状態になります。その状態で他のガイドにマウスをホバーすると、間隔を計測して表示します。 ・ユーザーでガイドを追加する ユーザー側が自由にガイドを追加することもできます。DOM Guidesを起動した状態で、Shiftキーを押しながら上下左右にマウスをドラッグすることで、ガイドを追加できます。また、ユーザーで追加したガイドはShiftキーを押しながら ドラッグすることで、移動させることもできます。ガイドを選択した状態でDeleteキーを押すと、ガイドが削除されます。 ・注意 この拡張機能は、DOMに大量の要素を追加するため、ページによっては動作が非常に重くなる場合があります。オプションでガイドの数を減らす項目をいくつか用意していますので、必要に応じて設定を変更してください。 現在の仕様ではiframeタグ内部の要素を取得していません。また要素内スクロールには対応していませんので、その旨ご了承ください。

相关应用

브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Расширение позволяет использовать КриптоПро ЭЦП Browser plug-in в браузере. Для работы требует установленного ЭЦП Browser plug-in.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 336ac8ceb on 7/13/2022.
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
POSTMAN CHROME IS DEPRECATED DOWNLOAD THE UPDATED POSTMAN NATIVE APPS Postman Chrome is deprecated and is missing essential, new…
EditThisCookie是一个cookie管理器。您可以添加,删除,编辑,搜索,锁定和屏蔽cookies!
Tag Assistant helps to troubleshoot installation of various Google tags including Google Analytics, Google Tag Manager and more.
The web developers helper program to create and test custom HTTP requests.
back top top
back top top