[B! javascript][browser] bascinetのブックマーク

[HTML5] sessionStorageで1ウインドウにつき1回だけ，モバイルWebKit向けのページに誘導する

今回はsessionStorageのことについて．localStorageはサイト単位で永続的に保持されますが，sessionStorageはウインドウ単位で揮発するという非常に儚い特製で，使い所がイメージできておりませんでした． HTML5 SessionStorageの挙動によれば， SessionStorageはほんとにウィンドウごとに異なる。例えばCtrl+Nで開いた新しいウィンドウでは、新しいSessionStorageが生成される。サイトごとに共有されるクッキーとは決定的に異なる。ページをリロードしても、SessionStorageは消えない。 window.open()で作成したウィンドウは、元のウィンドウから複製された新しいSessionStorageを持つ。両者は別々のSessionStorageなので、window.open()後にSessionStorageを変更し

bascinet 2013/08/27

リンク

@cc_onを使ってブラウザ判別 - JavaScriptテックラボ - [SMART]

jQuery1.9からIE判定のjQuery.browser.msieが廃止されました。そのためIE判定は自前で行う必要があります。簡単で速いのはMSのJScriptに用意された条件付きコンパイルの機能をアクティブにする@cc_on。コメントアウトの中に@cc_onを記述すると、対応していないブラウザでもエラーとならないため、安全に使えます。 IEのみ処理したい場合は下記のような1行になります。 if (/*@cc_on!@*/false){ } IEの場合だけコメントアウトの否定演算子!が処理され、falseを否定して条件文が真となります。 document.allで判別するより65倍程速いそうなので、このスタイルが嫌いでなければ積極的に使っても良いのではないでしょうか。 @cc_on ステートメント (JavaScript)

bascinet 2013/04/09

リンク

[JS]ブラウザとそのバージョンだけでなくOSもデバイスもスクリーンサイズも判定し、CSSのセレクタで利用できる便利なスクリプト -CSS Browser Selector+

IE6/7/8/9, Firefox, Chrome, Safari, Operaは当たり前、Win, Mac, LinuxなどのOS、iPhone, Android, iPod, iPadなどのデバイス、スクリーンのサイズ、言語などを判定し、それらをCSSのセレクタで利用できるスタンドアローンのスクリプトを紹介します。 CSS Browser Selector+ CSS Browser Selector+の特徴 CSS Browser Selector+の使い方 CSS Browser Selector+の特徴 CSS Browser Selector+はハック無しで、さまざまなUAをCSSのセレクタで指定できるスクリプトです。ブラウザごとに異なるスタイルシートの適用、スマフォやタブレット用のレスポンシブなスタイルにも利用できます。 CSS Browser Selector+が判別するの

bascinet 2013/01/10

リンク

[JS]高性能で設置も簡単、ブラウザ枠いっぱいに背景画像を配置するスクリプト -bgStretcher

デモページ：Super Slider スライドのスーパー版で、斜め方向のスライドで画像を切り替えます。 bgStretcherの主な特徴セットアップはシンプル全てのモダンブラウザをサポート画像は一枚だけでなく、複数枚にも対応対応ブラウザ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretcherの使い方 Step 1: ファイルのダウンロードサイトの「Download」よりファイル一式をダウンロードします。一式には必要なファイル全て（jqeury.jsも）が含まれています。 Step 2: 外部ファイル外部ファイルを下記のように<head>～</head>に記述します。 <script type="text/javascript" src="../jquery-1.5.2.mi

bascinet 2012/02/10

リンク

ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」:phpspot開発日誌

ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」 2011年08月30日- jQuery browserSizr | jQuery Plugins ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」。スマートフォンや色々な解像度のPCがあるご時世ですが、ブラウザのサイズに応じてコンテナのclass名を付け替えてくれるjQueryプラグインのご紹介です。クラス名が変わることによってデザインをCSSで自由に切り替えることが可能です。スマートフォンにも対応しているようです。自分で作っちゃっても全く問題なさそうな機能ではありますが、スクリプティングがめんどくさいという方はこれを使っちゃったり参考にしてもよさそう。 1024ピクセル以上の場合(Chromeのデベロッパーツールでみて

bascinet 2011/08/31

リンク

jQuery.supportでのブラウザ判別

chromeとsafariを対象とする場合 if(!jQuery.support.checkOn){ alert('あなたがお使いのブラウザはChromeもしくはSafariっぽいです'); } if文の条件式の中で!をつけたので、checkOnがfalseであればこの条件文に該当します。該当するのはwebkitだけなので、これでchormeとsafariのみに振り分けたコードを記述できます。なお、Android標準ブラウザ、iPhone / iPad標準ブラウザといったスマートフォンも同じChromeとSafariなので、この条件に合致します。 FirefoxとOperaを対象とする場合 if(jQuery.support.checkOn && jQuery.support.noCloneEvent){ alert('あなたがお使いのブラウザはFirefoxもしくはOperaっぽいです'

bascinet 2010/11/26

リンク

JavaScript による、IE 6/IE 7 の判別/判定について。 | 犬面犬。邦楽・洋楽・インスト音楽情報、批評その他。

JavaScript による、IE 6/IE 7 の判別/判定について。 2008/06/23 00:32 JavaScript による、IE 6/IE 7 の判別/判定について。たった 1行で、Internet Explorer （以下 IE と略す）のヴァージョンが 6 か、7 以上かを判定する JavaScript 命令として、 if (typeof document.body.style.maxHeight != "undefined") { // IE 7.0 以上または Gecko などモダンブラウザー } else { // IE 6.0 以下 } が有用だ、という記述が各所にある。ところが、これ、大きな弱点があることに最近気付いた。 body.style なので、当然、body タグが現れるまでは使えない。ところが、多くの JavaScript 命令は、head 内に

bascinet 2010/11/19

リンク

ブラウザ振分け（ブラウザ情報） - TAG index

<html> <head> <title>TAG index Webサイト</title> </head> <body> <script type="text/javascript"> <!-- document.write('<p>ブラウザの判別：'); if(navigator.userAgent.indexOf("Opera") != -1){ // 文字列に「Opera」が含まれている場合 document.write('あなたのブラウザは Opera ですね？'); } else if(navigator.userAgent.indexOf("MSIE") != -1){ // 文字列に「MSIE」が含まれている場合 document.write('あなたのブラウザは Internet Explorer ですね？'); } else if(navigator.userAgent.