ページを読む
計算済みスタイル、ボックスの寸法、フォント、色、メタデータ、構造化データ、そしてサイトを支える技術スタック。
このページは機械翻訳で、この言語を話す人が読んだものではありません。英語版と食い違う場合は、私たちが書いた英語版が正しいものです。
調べる。つくる。確かめる。撮る。
ウェブ開発とデザインのためのブラウザーツール集
ウェブページを読み、書き換え、キャプチャするための 61 個のツールが拡張機能ひとつに。アカウント不要、アップロードなし、開くまでページ上では何も動きません。
まだインストールできません。 InspectDock はどのブラウザーストアにも申請していないため、お渡しできるインストールボタンがありません。今日からソースコードをビルドして、パッケージ化せずに読み込むことはできます。
何のためのものか
ページを書き換える
テキストをその場で編集し、フォントを差し替え、ダークモードを強制し、背景を試し、自分の CSS を差し込んで、書く前に変更を確かめられます。
ページをキャプチャする
表示領域、範囲、単一の要素、あるいはページ全体をつなぎ合わせて撮り、共有する前に注釈やぼかしを加えられます。
見た目
これは実際のツールのスクリーンショットで、このリポジトリのビルドから、エンジンが実際に出力した内容のまま撮ったものです。モックアップはひとつもありません。 スクリーンショットの拡張機能は英語で動作しています。
あなたのデータの扱い方
- 常駐スクリプトはありません。 そのページでツールバーを開くまで、ページには何も挿入されません。
- 権限は必要になったときに個別に求めます。 Cookie へのアクセスと他ドメインへのアクセスは任意です。拡張機能はどちらも持たずに始まり、ツールが本当に必要とするときに、そのサイトに限って求めます。
- 解析もクラッシュレポートもありません。 何も集めていないので、拒否するものがありません。
- スクリーンショットはあなたのものです。 キャプチャ、エクスポート、抽出したデータが端末の外に出ることはありません。
- AI キーはご自身のものを。 アシスタントは設定するまで無効で、キーはページではなく拡張機能が保持し、ページのテキストはコンテキストを有効にしてメッセージを送ったときだけ送信されます。
このプロジェクトの実際の状況
ここを率直に書くことは、公開バナーより大切です。
| 作成済みのツール | 61 |
|---|---|
| ブラウザーで検証済みのツール | 0 |
| ストア掲載 | まだなし |
| 有料プラン | 未実装 |
| テスト済みのブラウザー | Chrome のみ |
作成済みとは、コードがあり、そのテストが通るという意味です。各ツールが実際のブラウザーで正しく動くことを人が座って確認した、という意味ではありません。その作業を今まさに進めています。切り上げて書くより、そう伝えるほうがよいと考えています。
よくある質問
- もうインストールできますか。
- いいえ。InspectDock はどのブラウザーストアにも申請していないため、インストールのリンクはありません。今日からソースコードをビルドし、デベロッパーモードでパッケージ化せずに読み込むことはできます。掲載ができたら、このページからリンクします。
- サーバーには何が送られますか。
- 既定では何も送られません。スクリーンショット、抽出したデータ、エクスポートは端末に残ります。解析もクラッシュレポートもありません。唯一の例外は AI アシスタントで、設定するまで無効、ご自身の API キーを使い、ページのコンテキストを有効にしてメッセージを送ったときだけページのテキストを送ります。
- なぜ権限を個別に求めるのですか。
- それを必要とするツールを使うまで、必要にならないからです。Cookie と他ドメインへのアクセスは任意で、拡張機能はどちらも持たずに始まり、特定のツールが本当に必要とするときに、そのサイトについて尋ねます。断った場合、ツールは黙って失敗せず、できないことを説明します。
- 訪れたすべてのページで動くのですか。
- いいえ。常駐するコンテンツスクリプトはありません。そのページでツールバーを開くまで、ページには何も挿入されません。