1 Day 1 Tip(s)

1day 一日ひとつ 1tip 一つのtipsを紹介

[ブラウザ] “view-source”とアドレスバーに打ち込んでwebページのソースを閲覧

   

「webサイトのを作成する時書いたコードが反映されているか、また他のサイトはどんなコードを書いているのか?」

こんな時にWebサイトのソースを確認することが多々あります。

ソースコードを閲覧する時はメニューバーから選択して表示することが多いのではないでしょうか。

 

以下はGoogle Chromeでの方法です。

chrome-show-source

 

これがアドレスバーで直接指定できるのです!

 

「view-source:」でのソース閲覧

「view-source:」を対象のwebサイトのアドレスの前に打ち込むだけで、webページのソースを簡単に閲覧することもできます。

このサイトのソースコードを表示したいのなら、「view-source:1day1tip.yeno.net/2015/04/view-source-address-bar/」とします。

 

なので、HTMLでリンク形式に

<a href="view-source:1day1tip.yeno.net/2015/04/view-source-address-bar/">ソースコード</a>

なんてすることもできてしまいます。

 

 

各ブラウザでの挙動

実は…この 「view-source:」に対応しているブラウザとそうでないブラウザがあります。

 

Google Chromeとそのエンジンを使用しているOperaFireFoxが現状では対応しているようです。

 

Google Chrome ver.42編

wiew-source-chrome

 

 

FireFox ver.37編

Firefoxは等幅フォントで表示されているので、読みやすいです。

wiew-source-firefox

 

 

Opera ver.27編

Chromeベースのレンダリングエンジンを使用しているので、色分けやフォントが一緒となっています。

wiew-source-opera

 

 

Safari ver.6.2編

残念ながら、認識できませんでした。

wiew-source-safari

 

Sleipnir ver.4.3.1編

こちらは何も表示が出ません。

wiew-source-sleipnir

 - サーバー・Web

googleadsense336

googleadsense336

  関連記事

[MAMP] Mac上でお手軽にwebサーバーを構築する

Macでwebサーバーを構築する方法です。 Macには最初からApache2がイ …

[CentOS7] 外部からの接続を遮断しているのはFirewalldだった!

CentOS7では初期設定でfirewalldが立ち上がっており、sshの22以 …

[Apache] ポートがかぶっていてApacheを起動できなかった話

CentOS 7+Apache 2.4 の話です。 まだ、完全な解決には至ってい …

[Unix] Unix系のOSでCPUの情報を確認する方法

Unix系OSのCPU情報をコマンドラインから、確認します。 CPUの情報は「/ …

[Apache] httpd.serviceが立ち上がらない時の最終手段

あくまで最終手段です。Apacheの再インストールを行っています。   …

no image
SELinuxの基本とその無効化

SELinuxは、アメリカ国家安全保障局が開発したのLinuxのカーネルに強制ア …

no image
[Unix] WhoisをCentOSにインストールして実行+なんとか

Whoisはドメインの所有者を確かめるコマンドです。 誰がどのドメインを所持して …

[UnixBench] MacとCentOS上でUnixBenchでベンチマークテストをしてみる

UnixでCUIでベンチマークを行うフリーソフトとして、UnixBenchがあり …

no image
[ServersMan@VPS] 外部サーバーにSSH接続する

ServersMan@VPSのサーバーにSSH接続する方法です。 AjaxTer …

[Vim] vimtutorでVimの使い方を覚える

VimやEmacsなどの端末上で動くテキストエディタって癖があってなかなか覚えに …

Message

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