jRejectは、数行のコードでこのような通知を表示できる特別なjQueryプラグインです。
ブロックされたブラウザーのセットアップ
このプラグインを使用すると、ユーザーに通知が表示されるブラウザーのリストを柔軟にカスタマイズできます。
たとえば、Firefox 2およびInternet Explorer 5だけでなく、未知のブラウザのユーザーにメッセージを表示するには、次のようにプラグインを設定するだけで十分です。
$ .reject({
拒否:{
msie5: true
msie6: false 、
firefox2: true 、
不明: true
}
});
Internet Explorerの5番目と6番目のバージョンはプラグインによって自動的にブロックされるため、何らかの理由でIE6ユーザーにサイトへのアクセスを許可する場合は、これを個別に指定する必要があります(msie6: false )。
プラグインを使用すると、ブラウザの特定のバージョンだけでなく、そのファミリ、エンジン、オペレーティングシステム全体を指定できます。 適用可能な表記法の全リスト:
グループ | キーワード |
---|---|
オペラ | オペラ、オペラ7、オペラ8、オペラ9、オペラ10 |
Google Chrome | chrome、chrome1、chrome2、chrome3、chrome4 |
Firefox | firefox、firefox1、firefox2、firefox3 |
インターネットエクスプローラー | msie、msie5、msie6、msie7、msie8 |
サファリ | safari、safari2、safari3、safari4 |
コンクレール | konqueror、konqueror1、konqueror2、konqueror3 |
エンジン | gecko、webkit、trident、khtml、presto |
OS | win、mac、linux、solaris、iphone |
残りすべて | 不明 |
推奨ブラウザ
インストール用に提供されている最新のブラウザのリストは、手動で簡単に構成できます。 たとえば、次のコードを使用して、IEユーザーにGoogle Chrome Frameのインストールを促すことができます。
$ .reject({
reject:{msie: true 、firefox1: true }、
browserInfo:{
gcf:{
テキスト: 「Google Chrome Frame」 、
url: 'http://google.com/chromeframe' 、
allow:{all: false 、msie: true }
// IEを除くすべてのブラウザでGoogle Chrome Frameボタンの表示を無効にします
}
}
});
便利なオプション
プラグインは多くのオプションをサポートしていますが、その意味は名前から明らかです。
- サイトへのアクセスを古いブラウザーのユーザーに完全に制限するために、 closeパラメーターをfalseに設定できます。この場合、ユーザーは通知ウィンドウを閉じることができず、ブラウザーの更新またはサイトからの脱出を強制されます。
- プラグインによって表示されるテキストを手動で指定するには、次のパラメーターを使用できます: header 、 paragraph1 、 paragraph2 、 closeMessage 、 closeLink 。
- 「暗くする」背景設定を構成することもできます-プラグインはオプションoverlayBgColor、overlayOpacity、fadeInTime、fadeOutTimeをサポートします。
特徴
プラグイン自体の中では、提供されているブラウザの標準セットと、すでに古いバージョンが「縫製」されています。 プラグインは1か月前に更新されたにもかかわらず、デフォルトでChrome 18またはOpera 11をインストールすることを引き続き提案しています。この誤解を修正するには、プラグインコード自体で現在のバージョンを示すか、そこからバージョンを削除してブラウザ名。 もちろん、2番目のオプションの方がはるかに正確です。新しいバージョンのブラウザのリリースに伴い、だれもがデータを常に更新することはほとんどありません。 プラグインを呼び出すときに、ブラウザのリストと現在のバージョンを手動で指定することもできます。
もう1つの重要なポイント:ブラウザーのロゴを正しく表示するには、 imagePathパラメーターでそれらが配置されているディレクトリのアドレスを指定する必要があります。 デフォルトのパスは./images/です。
参照資料
jRejectをダウンロードして、プラグインWebサイトでその使用のより詳細な例を見ることができます。