快速連結

顯示具有 HTML 標籤的文章。 顯示所有文章
顯示具有 HTML 標籤的文章。 顯示所有文章

2012年10月21日

2012年1月30日

筆記:自動偵測是否用手機上網

對於現在很多網站是從iPhone或HTC等行動裝置上網觀看的。那麼如果用原本豐富、多彩多姿的網站反而會讓人不想看。
這時候就需要做一個手機版網頁!大多數都是有設置按鈕讓使用者按,但如果想更貼心一點,就是自動偵測啦!

Detect Mobile Browsers 該網站有不同語言的網頁程式的自動偵測手機上網的語法,大家可以自由下載。
開發手機版網頁 這篇文章有點久了,但仍然非常實用。

再來,就是不見得要針對『手機』上網做為偵測的方式,而是使用CSS3的語法來偵測瀏覽器的大小而有所不同。
開發行動版網頁遇到的挑戰

當然,使用新版的CSS3跟HTML5,也有瀏覽器的限制。
那麼如何做取捨就看個人了!

2011年2月20日

[回鍋]使用Javascript判斷瀏覽器

引用::visioncan:: Javascript判斷瀏覽器的語法 - yam天空部落

基本上目前還蠻好用的XD,幾行就搞定。


var isOpera=(window.opera&&navigator.userAgent.match(/opera/gi))?true:false;
var isIE=(!this.isOpera&&document.all&&navigator.userAgent.match(/msie/gi))?true:false;
var isSafari=(!this.isIE&&navigator.userAgent.match(/safari/gi))?true:false;
var isGecko=(!this.isIE&&navigator.userAgent.match(/gecko/gi))?true:false;
var isFirefox=(!this.isIE&&navigator.userAgent.match(/firefox/gi))?true:false;

if (isIE) alert("this is IE!!");


大概是這樣~