王道の本筋からやっていきたい。
(() => {
const text = `${document.title}\n👉 ${location.href}`;
// copy to clipboard
focus(); // avoid DOMException: Document is not focused.
navigator.clipboard.writeText(text).then(
() => alert(text),
error => alert(error.message)
);
})();
これでいいんかな。
作ってみました javascript でブックマークレットを!
なんかパソコンで探したかったので!
iPhone と Android アプリを横断で検索します。
(() => {
const word = window.prompt("Enter the keyword.");
if (word) {
const q = encodeURIComponent(`${word} site:play.google.com OR site:apps.apple.com`)
const url = `https://www.google.com/search?q=${q}`;
window.open(url, "_blank");
}
})();
以下、圧縮版ブックマーク登録用。
(()=>{var a=window.prompt("Enter the keyword.");a&&(a=encodeURIComponent(`${a} site:play.google.com OR site:apps.apple.com`),window.open(`https://www.google.com/search?q=${a}`,"_blank"))})();
ボタンに付けてみた。押してみてね!
気に入ったアプリを見つけたら、ブラウザの機能を使って、その端末へそのまま送ると良いです。
👉 スマホのChromeで閲覧中のWebページをパソコンへ送信する方法【iPhone & Android】
👉 GitHub Gist に置いた Javascript をブックマークレットとして実行する
👉 Google「Closure Compiler」 (クロージャコンパイラ) の使い方
普通に、document で読み込んだら使えませんし。
"Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec."
ちょっとしたコードをシェアするのにGistは便利ですが、HTMLとしてそのままブラウザに表示したり、JSONとして利用するには少々難があります。レスポンスヘッダのContent-Typeがtext/plain固定なので、Rawデータにアクセスしてもソース表示に。
禁断の eval() 使います。
(
() => {
fetch('https://gist.githubusercontent.com/path/to/raw/script.js')
.then(response => response.text())
.then(script => eval(script))
}
)();
通信部分は Future な Promise でシンプルに書くことができます。
思ってたより良い進化をしてる javascript に驚きました。
まずは、一つの Gist を書き換えながら、ブックマークをポチポチしながら作りますか。
ついでに、Gist の URL をまとめておきます。
[top]
https://{main_host}/{user_id}/{gist_id}
[edit] *
https://{main_host}/{user_id}/{gist_id}/edit
[raw latest] *
https://{raw_host}/{user_id}/{gist_id}/raw/[{file_name}]
[raw permanent]
https://{raw_host}/{user_id}/{gist_id}/raw/{revision_id}/[{file_name}]
そのうちまた変わるのでしょうがね。
👉 iPhone Android アプリ横断検索
👉 Google「Closure Compiler」 (クロージャコンパイラ) の使い方
