今回は私的メモ的記事です。昨日ブログで書いた iOS・iPadOS の Safari で使えるジェスチャー拡張「Svadilfari」で用いるため、iOS・iPadOS 版 Safari で使える JavaScript やブックマークレットを調べました。自分がやりたかったのは以下の3つです。
これは以下の Qiita の記事を参照しました。感謝!
・WebページのタイトルとURLをワンクリックでコピーするBookmarklet:Qiita
実際用いたブックマークレット↓↓
ちなみに私は上記のリンク先の「Normal」を用いましたが、その他にもマークダウン形式でコピーできるものなのも書かれているので、興味ある方は上記リンク先の Qiita の記事を見てみてはいかがでしょう?
これは以下の Qiita の記事に書かれている「Twitterアプリのツイート画面を開く」を参照しました。感謝!
・ツイートボタンがないページでもツイート画面を開くブックマークレット:Qiita
実際用いたブックマークレット↓↓
ちなみに上記の記事には他の Twitter 投稿関連のブックマークレットも掲載されてるので、興味ある方は見てみてはいかがでしょう?
これは以下のブログ記事の「表示中のページのツイートを検索するブックマークレット」を参照しました。感謝!
・Twitterで便利なブックマークレット:TECHMODE
実際用いたブックマークレット↓↓
ちなみに上記の記事には、他に「Google画像検索でユーザーがツイートした画像を検索するブックマークレット」も掲載されてるので、興味ある方は見てみてはいかがでしょう?
【関連リンク】
・WebページのタイトルとURLをワンクリックでコピーするBookmarklet:Qiita
・ツイートボタンがないページでもツイート画面を開くブックマークレット:Qiita
・Twitterで便利なブックマークレット:TECHMODE
【関連記事】
・iOS15以降のSafariでジェスチャー機能を使えるようにする拡張機能「Svadilfari」(追記あり)
・JavaScript無限アラートのiOSブラウザ別対処法(追記あり)
・タグ「JavaScript」・・・上記以外の JavaScript 関連記事が見られます。
- 開いてるページの タイトルと URL を(クリップボードに)コピーする
- 開いてるページのタイトルと URL を Twitter 公式アプリを使って投稿する
- 開いてるページの URL で Twitter 検索する
1. 開いてるページの タイトルと URL を(クリップボードに)コピーする
これは以下の Qiita の記事を参照しました。感謝!
・WebページのタイトルとURLをワンクリックでコピーするBookmarklet:Qiita
実際用いたブックマークレット↓↓
javascript:(()=>{const e=()=>{const e=document.createElement("textarea");e.textContent=t();const n=document.getElementsByTagName("body")[0];n.appendChild(e),e.select();const o=document.execCommand("copy");n.removeChild(e),console.log("Copy successful? = "+o)},t=()=>{let e=document.title;const t={":":":","\\[":"[","\\]":"]","\\|":"|"};for(let n in t)e=e.replace(new RegExp(n,"g"),t[n]);return e+"\n"+document.URL+"\n"};e()})();
ちなみに私は上記のリンク先の「Normal」を用いましたが、その他にもマークダウン形式でコピーできるものなのも書かれているので、興味ある方は上記リンク先の Qiita の記事を見てみてはいかがでしょう?
2. 開いてるページのタイトルと URL を Twitter 公式アプリを使って投稿する
これは以下の Qiita の記事に書かれている「Twitterアプリのツイート画面を開く」を参照しました。感謝!
・ツイートボタンがないページでもツイート画面を開くブックマークレット:Qiita
実際用いたブックマークレット↓↓
javascript:location.href="twitter://post?message="+encodeURIComponent(document.title)+" "+encodeURIComponent(location.href)
ちなみに上記の記事には他の Twitter 投稿関連のブックマークレットも掲載されてるので、興味ある方は見てみてはいかがでしょう?
3. 開いてるページの URL で Twitter 検索する
これは以下のブログ記事の「表示中のページのツイートを検索するブックマークレット」を参照しました。感謝!
・Twitterで便利なブックマークレット:TECHMODE
実際用いたブックマークレット↓↓
javascript:(function(){var u=encodeURIComponent(location.href);window.open('https://twitter.com/search?f=tweets&src=typd&q='+u);})()
ちなみに上記の記事には、他に「Google画像検索でユーザーがツイートした画像を検索するブックマークレット」も掲載されてるので、興味ある方は見てみてはいかがでしょう?
【関連リンク】
・WebページのタイトルとURLをワンクリックでコピーするBookmarklet:Qiita
・ツイートボタンがないページでもツイート画面を開くブックマークレット:Qiita
・Twitterで便利なブックマークレット:TECHMODE
【関連記事】
・iOS15以降のSafariでジェスチャー機能を使えるようにする拡張機能「Svadilfari」(追記あり)
・JavaScript無限アラートのiOSブラウザ別対処法(追記あり)
・タグ「JavaScript」・・・上記以外の JavaScript 関連記事が見られます。