ブックマークにJavaScrpt使えるようにする「ブックマークレット変換」を作りました。

ブックマークにJavaScrpt使えるようにする「ブックマークレット変換」を作りました。
ブラウザのお気に入りに設置することで、ちょっと便利なWebライクをおくれる「ブックマークレット」用のJavaScriptを、ブックマークレット用に変換するサービスを作ってみました。

サイトはこちらです。
https://app.tree-web.net/make_bookmarklet/


使い方は簡単で、ブックマークに表示する「名称」と動作させるための「JavaScriptソース」をフォームに入力し、「変換」ボタンを押すだけです。
あとは、出来たボタンをブックマークにドラッグするだけで、次回からブックマークにあるボタンを押すことで利用できるようになります。
※ 実行するJavaScriptは自前で用意する必要があります。


使い方


■ 1)
https://app.tree-web.net/make_bookmarklet/へアクセスします。
ブックマークレット変換


■ 2)
「ブックマーク名」に表示したいブックマークの名称、変換前ソースには、JavaScriptソースを入力してください。
でもでは alert('hollow world!'); としています。実行すると alert 表示されます。
ブックマークレット変換


■ 3)
変換ボタンを押します。
問題なく変換できると、変換したソースとブックマークに入れるボタンが表示されます。
ブックマークレット変換


■ 4)
2)で入力したブックマーク名のボタンが表示されますので、ドラックしつつブックマークに入れてください。
ブックマークレット変換


■ 5)
ブックマークに入れたボタンを押すと、JavaScriptが実行されます。
ブックマークレット変換ブックマークレット変換



動画による説明


静止画を使っていますので、基本的には上に書かれている内容と変わらないです。



以上です。
もしバグなどがございましたら、コメントいただけると幸いです。


処理的には、文字をエスケープ処理し、頭に「javascript:」、末尾に「void(0);」を追加しただけのものです。
ブックマークを編集して手打ちしてもいいですが、変換すると楽ですのでお使いいただけると幸いです。



関連記事


さくらインターネット、PHPでImageMagickを使う方法
OneDrive でファイルを共有する方法
音泉の録音(ダウンロード)
Adobe Server Error!
テレワーク、オンライン会議向け『バーチャル背景』まとめ
まだまだやれます。Windows 10ライセンス認証(プロダクトキー認証)
Radikoolで「JCBA」の録音ができない対処メモ
「結月ゆかり」さんにしゃべってもらってYoutube配信メモ
Windows 10のダウンロードとUSB セットアップメディアの作成
2019年1月のマンスリーロールアップ(KB4480970)を適応してから、Windows 共有フォルダにアクセス出来ない場合 KB4487345 適応すべし。
音声合成ソフト「CeVIO Creative Studio S」ダウンロード版ゲット!
CSSで文字や画像を点滅させる。点滅メーカー
ランダムな英数字の文字列を生成する「パスワードメーカー」
「RTFree」用バッチ作成機
CSS3で文字や画像を選択させない様にする。
さくらインターネットで大きいファイルを split を使って分割する方法
いつでもドキッ ブルースクリーンが体験できる「Bluescreen Screen Saver」
ポップアップがうるさいWindows 10へのアップグレードを防止する「Never10」を使ってみた。
全角英数字を半角英数字へ変換する「変換機」を作りました。
Acer ASPIRE 3820T-N52B をリストアしたので、不要ソフトを削除しました。メモ。
ディスプレイ一体型VAIO(SVL241B12N)のHDDをSSDへ変換しましたメモ。
『Windows 10 Insider Preview ビルド10162』 Oracle VM VirtualBox へのインストールメモ
2021.08.21

コメント投稿フォーム

 

カテゴリ

最近

フィギュア

カプセルトイ

初音ミク

アーカイブ

RSS Feed RSS Feed Atom Feed TopicXML アイコン
WebBoard

PICUP