CSS3をサポートしていないブラウザでどのように見えるか簡単に確認できるブックマークレット -deCSS3

CSS3でスタイルした箇所をサポートしていない古いブラウザ、まぁ主にIEなのですが、でどのように見えるのか簡単に確認できるブックマークレットを紹介します。

サイトのキャプチャ

deCSS3

deCSS3の使い方は簡単です。
上記サイトでdeCSS3をすると、下記のようになります。

サイトのキャプチャ

CSS3サポートブラウザでの見栄え

CSS3の角丸やテキストシャドウ・ボックスシャドウが適用されています。

サイトのキャプチャ

CSS3無しでの見栄え

CSS3非サポートブラウザだと、角丸などのCSS3が無しの状態になります。

deCSS3の使い方

deCSS3はブックマークレットで配布されており、ブックマークに登録し、閲覧ページでdeCSS3を実行してください。

ブックマークレット
deCSS3

ブックマークレットの対応ブラウザは、Chrome, Safari です。

top of page

©2017 coliss