■ 最新の投稿

ブラウザ:お気に入りに仕込む遊び技。ページ回転どんどん崩れるJavaScript

ブラウザでページの回転

~ページ回転のブックマークレット~

ブラウザの「お気に入り」は
普通はページを開くためのものですが、

実は JavaScriptを登録すると小さなツールとして使うことができます。

こうした仕組みは ブックマークレット と呼ばれます。

今回は遊びネタとして、

ページを回転させるブックマークレット

を作ってみます。

クリックすると、
ページが回転します。回転率がバラバラなのでどんどん崩れていきます。

仕組み:ブックマークレット(Bookmarklet)

ブックマークのURL欄に javascript: ... を入れておくと、
そのブックマークをクリックした瞬間に JavaScript が実行されます。

次の JavaScript を使います。長いですが 1行で書かれた JavaScript です。

JavaScript:

javascript:(()=>{if(window.__spin)return;window.__spin=1;let t=0;setInterval(()=>{t+=0.05;document.querySelectorAll('*').forEach((el,i)=>{const d=Math.max(0.2,2-i*0.002);el.style.transform='rotate('+(t*d)+'deg)'});},30)})();

手順:

① どんなページでもいいので、いったんお気に入りに登録する。

② 登録したお気に入りを右クリックして、「編集」をクリック。

③ 先ほど紹介した JavaScript をコピーする。

④ 名前を「回転」にして、URL欄に JavaScript を貼り付ける。

これで完成です。

たとえば、Googleページでお気に入りをクリックすると

ページが回転します!

動画:


Comments

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です