概要
任意のWebページで要素測定、CSS確認、色・素材抽出、スクリーンショット、SEO確認を行えます。
🎯 1つのWebページを確認するために、DevTools、スクリーンショット、デザインファイル、SEOチェックを行き来していませんか？ 🚀 PixelProbe Inspector は、デザイナー、フロントエンド開発者、QA、プロダクトチーム向けの local-first visual web inspector です。要素測定、CSS確認、selectorコピー、色とasset抽出、element screenshot、基本SEOチェックを任意のページで実行できます。 --- KEY FEATURES --- ✨ Pixel ruler：hoverで認識し、クリックで固定。幅、高さ、margin、padding、border、spacingを確認。 🎨 CSS inspector：computed styles、タイポグラフィ、色、影、gradient、Tailwind風ヒントを表示。 🖼️ Asset extractor：画像、SVG、動画、背景画像を検出し、個別ダウンロードや一括エクスポートに対応。 📸 Element screenshots：選択要素だけを切り出し、design QA、bug report、handoffに利用。 🔎 SEO checker：title、meta description、H1、canonical、viewport、lang、noindex、画像alt不足を確認。 📱 Responsive workflow：layout grid、X-Ray view、breakpoints、responsive previewを利用可能。 ► WHY CHOOSE PIXELPROBE? デザイナーは余白、色、フォントをすばやく検証。開発者はCSSとselectorをコピー。QAは寸法付きスクリーンショットで明確に共有できます。 🛡️ PRIVACY & SAFETY PixelProbe は主にブラウザ内で動作します。検査データはローカルで処理され、ページ内容、閲覧履歴、個人データをアップロードしません。 📬 SUPPORT & FEEDBACK PixelProbe をインストールし、Inspectで要素を選択してください。 Email: hello@reforgeextensions.com
詳細
プライバシー
このデベロッパーは、お客様のデータについて以下を宣言しています
- 承認されている以外の用途で第三者に販売しないこと
- アイテムの中心機能と関係のない目的で使用または転送しないこと
- 信用力を判断する目的または融資目的で使用または転送しないこと
