Bookmarklet Safari(iOS)で画像のタイトルを表示


iOSのSafariで画像に設定されたタイトルを表示するブックマークレットを作ってみました。

javascript:for(var%20imgs=document.getElementsByTagName(%22img%22),i=0;i%3Cimgs.length;i++)%7Bvar%20img=imgs%5Bi%5D,title=img.getAttribute(%22title%22);if(title%7C%7C(title=img.getAttribute(%22alt%22)),title)%7Bvar%20marea=document.createElement(%22div%22);marea.textContent=title,img.parentNode.insertBefore(marea,img.nextSibling);marea.style=’font-size:small;border:1px%20solid%20%23666;margin:3px;padding:2px;’%7D%7D

このブックマークレットを実行すると、画像の下に枠が表示され、その中に画像(imgタグ)に設定されたタイトル(titleもしくはalt属性の値。titleを優先)が表示されます。

ただやっつけで作ったので、何回か実行するとその分追加表示されます。

 

ブックマークレットをiPhoneやiPadへ追加する方法については、別サイトの情報をご参照ください。

iPhoneのSafariにブックマークレットを登録する設定手順

【iPhone】Safariにブックマークレットを登録する方法

 

 

 

 

 

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。