Thanks to visit codestin.com
Credit goes to github.com

Skip to content

OsawaKousei/simple-web2md-ext

Repository files navigation

Web to Markdown

English version

クリック一つでウェブページを Markdown 形式で保存できるブラウザ拡張機能です。

🌟 特徴

  • ワンクリック変換: ツールバーアイコンをクリックするだけで、現在のページを Markdown 形式で保存
  • 高精度抽出: Mozilla Readability を使用して記事コンテンツを正確に抽出
  • 自動ダウンロード: 変換された Markdown ファイルを自動的にダウンロード
  • 日本語対応: 日本語コンテンツにも完全対応
  • 軽量: シンプルで高速な動作

📋 動作環境

  • Google Chrome
  • Microsoft Edge
  • Mozilla Firefox

🚀 インストール方法

  1. GitHub リリースページから zip ファイルをダウンロード

  2. zip ファイルを解凍

  3. ブラウザで拡張機能を読み込み

Chrome/Edge の場合:

  • chrome://extensions/ または edge://extensions/ にアクセス
  • 「デベロッパーモード」を有効化
  • 「パッケージ化されていない拡張機能を読み込む」をクリック
  • 解凍した dist フォルダを選択

Firefox の場合:

  • about:debugging#/runtime/this-firefox にアクセス
  • 「一時的なアドオンを読み込む」をクリック
  • 解凍した dist フォルダ内の manifest.json を選択

📖 使用方法

  1. ページを開く: Markdown で保存したいウェブページを開きます
  2. 拡張機能をクリック: ツールバーの「Web to Markdown」アイコンをクリック
  3. 自動保存: ページタイトル.md ファイルがダウンロードフォルダに保存されます

❗ 制限事項

  • JavaScript 動的コンテンツが多いページでは一部内容が抽出されない場合があります
  • chrome:// や file:// などの特殊な URL では動作しません
  • 一部の Web サイトではコンテンツセキュリティポリシーにより動作しない場合があります

🐛 トラブルシューティング

ファイルがダウンロードされない場合

  1. ブラウザのダウンロード設定を確認
  2. ポップアップブロッカーが有効になっていないか確認
  3. 拡張機能の権限設定を確認

内容が正しく抽出されない場合

  1. ページが完全に読み込まれてから実行してください
  2. JavaScript 多用サイトの場合、少し時間を置いてから再試行してください

📝 開発

開発環境のセットアップ

# リポジトリをクローン
git clone https://github.com/OsawaKousei/simple-web2md-ext.git
cd simple-web2md-ext

# 依存関係をインストール
npm install

# 本番用ビルド
# chrome/edge
npm run build:chrome
# firefox
npm run build:firefox

# 拡張機能パッケージの作成
# chrome/edge
npm run package:chrome
# firefox
npm run package:firefox

技術スタック

  • TypeScript: 型安全な開発
  • Webpack: バンドリングとビルド
  • Mozilla Readability: コンテンツ抽出
  • Turndown: HTML to Markdown 変換
  • WebExtension Polyfill: クロスブラウザ対応

🙏 謝辞


About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published