2015年9月13日
2013年3月1日
2012年10月21日
2012年1月30日
筆記:自動偵測是否用手機上網
對於現在很多網站是從iPhone或HTC等行動裝置上網觀看的。那麼如果用原本豐富、多彩多姿的網站反而會讓人不想看。
這時候就需要做一個手機版網頁!大多數都是有設置按鈕讓使用者按,但如果想更貼心一點,就是自動偵測啦!
Detect Mobile Browsers 該網站有不同語言的網頁程式的自動偵測手機上網的語法,大家可以自由下載。
開發手機版網頁 這篇文章有點久了,但仍然非常實用。
再來,就是不見得要針對『手機』上網做為偵測的方式,而是使用CSS3的語法來偵測瀏覽器的大小而有所不同。
開發行動版網頁遇到的挑戰
當然,使用新版的CSS3跟HTML5,也有瀏覽器的限制。
那麼如何做取捨就看個人了!
這時候就需要做一個手機版網頁!大多數都是有設置按鈕讓使用者按,但如果想更貼心一點,就是自動偵測啦!
Detect Mobile Browsers 該網站有不同語言的網頁程式的自動偵測手機上網的語法,大家可以自由下載。
開發手機版網頁 這篇文章有點久了,但仍然非常實用。
再來,就是不見得要針對『手機』上網做為偵測的方式,而是使用CSS3的語法來偵測瀏覽器的大小而有所不同。
開發行動版網頁遇到的挑戰
當然,使用新版的CSS3跟HTML5,也有瀏覽器的限制。
那麼如何做取捨就看個人了!
標籤:
網頁,
HTML,
JavaScript,
PHP
2011年2月20日
[回鍋]使用Javascript判斷瀏覽器
引用::visioncan:: Javascript判斷瀏覽器的語法 - yam天空部落
基本上目前還蠻好用的XD,幾行就搞定。
大概是這樣~
基本上目前還蠻好用的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!!");
大概是這樣~
訂閱:
文章 (Atom)
