0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

指定したURLに、指定したメッセージのアラートモーダルを出力する chrome 拡張機能を作った

Last updated at Posted at 2022-06-20

機能概要

指定した URL に、指定したメッセージのアラートモーダルを出力します。
出力されたアラートモーダルの「10分間再表示しない」ボタンをクリックすると、10分間は指定した URL にアクセスしてもアラートモーダルが出力されません。

正直、何番煎じか分からないくらいの拡張機能で、ちょっとググっただけで似たような拡張機能が引っかかりますが、既存の拡張機能だと指定した URL はアクセスする度にアラートが出るのが微妙に使いづらかったため自分が求める機能を持ったものを自分で作りました。

Production Alert

使い方

入力

🅿 と表示された chrome 拡張機能をクリックすると、メッセージ入力フォームと、そのメッセージを出力する URL 入力フォームが表示されますので、表示したいメッセージと URL を入力します。

production_alert.png

「登録」で保存
「クリア」で現在の入力値を全てクリアします。
登録URLを増やしたい場合は「URL追加」をクリックして下さい。(※どれだけ増やせるかは試していません)

出力

指定した URL に行くと、アラートモーダルが出力されます。
「10分間再表示しない」ボタンを押すと、10分間はアラートモーダルが出力されません。

google.png

本番環境以外でも「Twitter をあまり使わないようにしたいので Twitter のサイトに行ったら怒って欲しい」とかそういう用途でもいけそうです。

これからしたいこと

  • 得意?な jQuery で書いてしまったので、TypeScript で書き直したい。
  • 今、全ての指定URLで 10分間を共有しているので、個別で10分持たせたい。
  • 再表示しない分数も指定させたい。
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?