HOME   »   webサービス  »  iPhoneで閲覧しているページのCSSのURLを確認する方法
RSSフィード
iPhoneでブログを書くのに便利な「するぷろ」というアプリがあるのですが、このアプリでは、プレビュー時に自分のブログのCSSを反映する事ができます。

するぷろ for iOS(ブログエディタ) App
カテゴリ:ソーシャルネットワーキング
価格:¥450(記事掲載時点)
バージョン: 2.000
リリース日:2011/05/18
AppStoreで詳細をみる


そのためにはCSSのURL(スマートフォン用)が必要だったのですが、どうもFC2ブログのテンプレートからそのURLを発見する事はできませんでした。

それなら閲覧ページのソースを見ればいいんじゃないかと検索した所、そのブックマークレットがあることを知りました。

今回は、iPhoneで閲覧している時に、webページのソースを見る事が出来るブックマークレットを使用してCSSのURLを確認する方法を紹介したいと思います。

スポンサーリンク
Snoopyでwebページのソースを表示出来るブックマークレットが紹介されています。まずは以下のスクリプトをブックマークレットに登録します。
javascript:(function()%7Bvar%20d%3Ddocument%2Cs%2Ce%3Bvar%20el%3Dd.getElementById('snpy')%3Bif(typeof%20Snoopy!%3D'undefined')%7BSnoopy.toggle()%3Breturn%7Delse%20if(el)%7Bel.className%3D%2Fclosed%2F.test(el.className)%3Fel.className.replace('closed'%2C'')%3Ael.className%2B'%20closed'%3Breturn%7Ds%3Dd.createElement('link')%3Bs.setAttribute('href'%2C'http%3A%2F%2Fsnoopy-assets.allmarkedup.com%2Fsnoopy-min.css')%3Bs.setAttribute('rel'%2C'stylesheet')%3Bs.setAttribute('type'%2C'text%2Fcss')%3Bd.getElementsByTagName('head')%5B0%5D.appendChild(s)%3Be%3Dd.createElement('script')%3Be.setAttribute('src'%2C'http%3A%2F%2Fsnoopy-assets.allmarkedup.com%2Fsnoopy-min.js')%3Bd.getElementsByTagName('body')%5B0%5D.appendChild(e)%7D)()%3B

Css 1301161818
▲上記のようにブックマークレットを登録します。



実行方法


Css 1301161822

▲ソースを見たいページを開きます。


Css 1301161826
▲そして、見たいページでブックマークレットを実行します。


Css 1301161825
▲view sourceをタップするとソースを見る事ができます。


Css 1301161827
▲少し下の方を見ると、CSSのURLを見つける事が出来ました。


まとめ


ブログのCSSのURLを確認するだけでなく、ソースを確認できるので、他の用途にも使えそうだと思いました。

気になるサイトの構成を見てみるという方法もあるかもしれません。


関連記事

iPhoneのSafariで見ているページタイトルとURLをTweetbotでつぶやくブックマークレットを作ってみた


ShareHtmlで指定した画像をサムネイルにする方法

記事紹介のリンクをサムネイル付きで表示出来るShareHtml

Chrome拡張機能「Keyconfig」ショートカットでブックマークレット起動できるのが便利!

長いページも読みやすく!ページ内の指定した場所にジャンプさせる方法

iPhoneのSafariで見ているページをブックマークレットでEvernoteに保存する方法(EverWebClipper経由)


スポンサーリンク

過去記事セレクション

当ブログの過去記事の中で、オススメの記事25個をまとめたページを作成しました。500記事を超えた中から厳選していますので、どれもオススメできる記事となっています。もしも興味がありましたら、是非一度ご覧ください。
公開記事が500を超えたので、過去記事の中からオススメを25個セレクトしてみました



▼このカテゴリの最新記事
Relate Entry
Entry TAG
CSS   するぷろ   ブックマークレット  
Comment
Trackback
Comment form
スポンサードリンク
楽天
2014年7月現在使用しているブログ用iPhoneアプリ16個
iPhoneホーム画面
人気エントリー
先月の人気記事
第1位(→0)
iPhoneにある写真(画像)をセブンイレブンで現像する方法

第2位(→4)
総計290個以上掲載!iPhoneアプリのURLスキーム一覧

第3位(↗︎2)
【iPhone】秘密の質問を忘れたのでAppleのサポートに電話してリセットしてもらった

第4位(↘︎2)
理系大学生なら絶対覚えておくべきWordの数式のショートカット

第5位(↘︎1)
iPhoneのパスコードを10回間違えると再入力までに60分必要

第6位(↘︎1)
SoftbankのiPhone4s→iPhone5sへ機種変更した時の料金試算

第7位(↗︎3)
iPhoneの画面を録画できるMac・Windowsアプリ「Reflector」のインストール方法・使い方

第8位(↘︎4)
iPhone/iPadのパスコードロックを10回間違えた時のデータ消去機能を実行してみた

第9位(↗︎4)
xRecというiPhone画面を録画できるアプリが再び登場!

第10位(↘︎2)
【iPhone】秘密の質問を忘れて間違えすぎるとApple IDが8時間ロックされる

第11位(→0)
iPhoneの写真を1枚5円で現像出来るネットプリントジャパン!

第12位(→0)
パラメータ有りiPhoneアプリのURLスキーム一覧

第13位(↗︎30)
青春18切符で東京から大阪へ~東海道線を突っ走る旅(1日目)

第14位(↗︎55)
青春18切符を利用した旅行時に活躍したiPhoneアプリのまとめ

第15位(↗︎16)
セリアでiPhoneの防水ケースを購入!風呂場で使うときに便利!

全記事表示リンク
サイト内検索
プロフィール

nasimeya

Author:nasimeya
Twitterアカウント→@nasimeya
iPhone5S/iPad3/iPad mini/MacBookAir13inch/Nexus5を現在所持しており、アプリとか紹介を主にしています。LAMYなど文房具もちょくちょく。ブログは楽しく書くことを心掛けております。

日にの観察ブログの更新は停止しています。

新しいブログはこちら⇒なしめやブログ(http://nasimeyablog.com

2013年5月現在利用している主力iPhoneアプリ26個
iPhoneホーム画面
2013年5月現在利用しているブログ用iPhoneアプリ13個
iPhoneホーム画面
iPad mini用おすすめアプリ8選

PAGE TOP