[HTML5] sessionStorageで1ウインドウにつき1回だけ，モバイルWebKit向けのページに誘導する
今回はsessionStorageのことについて．localStorageはサイト単位で永続的に保持されますが，sessionStorageはウインドウ単位で揮発するという非常に儚い特製で，使い所がイメージできておりませんでした． HTML5 SessionStorageの挙動によれば， SessionStorageはほんとにウィンドウごとに異なる。例えばCtrl+Nで開いた新しいウィンドウでは、新しいSessionStorageが生成される。サイトごとに共有されるクッキーとは決定的に異なる。 ページをリロードしても、SessionStorageは消えない。 window.open()で作成したウィンドウは、元のウィンドウから複製された新しいSessionStorageを持つ。両者は別々のSessionStorageなので、window.open()後にSessionStorageを変更し
![[HTML5] sessionStorageで1ウインドウにつき1回だけ，モバイルWebKit向けのページに誘導する](https://cdn-ak-scissors.b.st-hatena.com/image/square/715a5714259242b85559658e383e7c7834d1ddb7/height=288;version=1;width=512/http%3A%2F%2Ffarm6.static.flickr.com%2F5066%2F5734053090_0d57b9e6c3.jpg)
@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)
[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+が判別するの
[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
ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」:phpspot開発日誌
ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」 2011年08月30日- jQuery browserSizr | jQuery Plugins ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」。 スマートフォンや色々な解像度のPCがあるご時世ですが、ブラウザのサイズに応じてコンテナのclass名を付け替えてくれるjQueryプラグインのご紹介です。 クラス名が変わることによってデザインをCSSで自由に切り替えることが可能です。 スマートフォンにも対応しているようです。自分で作っちゃっても全く問題なさそうな機能ではありますが、スクリプティングがめんどくさいという方はこれを使っちゃったり参考にしてもよさそう。 1024ピクセル以上の場合(Chromeのデベロッパーツールでみて
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っぽいです'
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 内に
ブラウザ振分け（ブラウザ情報） - 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.
たった1行でブラウザにFlashがインストールされているか判定するJSコード :: 5509
1行っていうのはアレですが、、 下記のisFlashInstalledを宣言しておいて var isFlashInstalled=function(){if(navigator.plugins["Shockwave Flash"]){return true;}try{new ActiveXObject("ShockwaveFlash.ShockwaveFlash");return true;}catch(a){return false;}}(); if文で使えます if ( isFlashInstalled ) { alert('Flash Player is installed'); } else { alert('Flash Player is not installed'); } 実行サンプル 圧縮前のソースはこんなんです。 var isFlashInstalled = functi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
