JSを使ってchrome拡張機能でEML形式ファイルで吐き出す
何をやりたかったか
Webサイト上の特定の文字（例：注文番号、ユーザー名、日付など）を取得
それを元に メール形式（EML）を生成
Outlookで見れる状態にする
なぜ Chrome 拡張にしたか
ブラウザ上のページ内容に直接アクセスできる
技術的な構成
Chrome 拡張
- manifest.json(拡張機能なので必ず必要)
- popup/
- popup.html
- popup.css
- popup.js
- content/
- scraper.js
完成した！
こだわったポイント
全取得ロジック: 特定のタグだけでなく、ページ内の全要素から「Web」という文字を含む要素を漏れなくスキャンするようにしました。
HTMLメール対応: 取得した複数のキーワードを
タグで結合し、メール本文内で綺麗に改行されるよう工夫しました。
データの受け渡し: chrome.storage.local を活用し、ページ側（Content Script）で拾ったデータをポップアップ側へ確実に渡す仕組みを作りました。