blue1st https://blog.hatena.ne.jp/blue1st/ そんな今日この頃の技術ネタ https://blue1st-tech.hateblo.jp/ Chrome拡張機能 Javascript ざっくりChrome拡張機能(Chrome Extension)の作り方を学んでみた。 学ぶにも相応にモチベーションは必要ということで、 ある程度実用的かつ拡張機能らしさがある例題として「ログインページのパスワードフォームの文字列を平文で表示する」機能を作成してみることにした。 具体的には閲覧しているページのHTMLの<input type="password">要素を<input type="text">に置換すれば良い。 この動作を拡張機能で実装してみる。 拡張機能の作成の概要 拡張機能は大雑把には、以下の要素により作成できる。 名称やアイコン、後述する実態ファイルの構成なんかを定義するm… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblue1st-tech.hateblo.jp%2Fentry%2F2016%2F12%2F18%2F152301" title="Chrome拡張機能を作ってみる その１. HTMLを改変する - そんな今日この頃の技術ネタ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/b/blue1st/20161218/20161218145220.png Hatena Blog https://hatena.blog 2016-12-18 15:23:01 rich https://blue1st-tech.hateblo.jp/entry/2016/12/18/152301 1.0 100%