採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
December 2, 2024
這是一個緣分奇妙又蠻深遠的關係來的案件，來自同學 Victor Chen 介紹，仔細問了之後，才知道高中時常去一個畫室畫畫的老師的女兒，老師走了，過了許多年，透過同學介紹，我又與對方碰面，好巧的緣分。
網頁製作內容不多，但有後台，可以讓客戶很容易製作自己需要的內容。一個內容，可以輕易對應多種版本的設備畫面。客戶因為老人家比較多，手機版的字就制作大一點，以符合老人家的需求
我們的做的網頁在維護上也很簡單，只需要上一種文字與圖片，就可以自動對應到兩個版本（電腦與網頁）的網頁內容，讓更新內容的管理者，可以在短時間維護自家的網頁與網站。
▼電腦版網頁 + 手機版網頁 / 首頁（手機版的字就制作大一點，以符合老人家的需求）
定揚國際法律事務所 DING-YANG INTERNATIONAL LAW FIRM
https://www.dingyanglawfirm.com/
網頁製作內容不多，但有後台，可以讓客戶很容易製作自己需要的內容。一個內容，可以輕易對應多種版本的設備畫面。客戶因為老人家比較多，手機版的字就制作大一點，以符合老人家的需求
我們的做的網頁在維護上也很簡單，只需要上一種文字與圖片，就可以自動對應到兩個版本（電腦與網頁）的網頁內容，讓更新內容的管理者，可以在短時間維護自家的網頁與網站。
▼電腦版網頁 + 手機版網頁 / 首頁（手機版的字就制作大一點，以符合老人家的需求）
定揚國際法律事務所 DING-YANG INTERNATIONAL LAW FIRM
https://www.dingyanglawfirm.com/
October 30, 2018
這個客製化網頁，來自客戶的特殊需求，要求只需要針對某些頁面在手機版內能夠快速瀏覽（特定會員）
1. 保留原來針對客戶Banner的廣告。
2. 除了專屬頁面，其他頁面不要顯示在手機內。
3. 對應雙版本的RWD
4. 頁面內有特殊複雜Table與其他標題的會議議程與會議記錄，仍能對應PC與mobile版本
5. 增加上架功能與內容置頂功能
1. 保留原來針對客戶Banner的廣告。
2. 除了專屬頁面，其他頁面不要顯示在手機內。
3. 對應雙版本的RWD
4. 頁面內有特殊複雜Table與其他標題的會議議程與會議記錄，仍能對應PC與mobile版本
5. 增加上架功能與內容置頂功能
June 19, 2014
這是筆記。通常我會併用兩個，才會精準。
出處：
梅問題教學
手機網頁教學－自動切換電腦或手機版(PHP、ASPX)
http://www.minwt.com/mobilewebdesign/2501.html
參考網頁：
http://blog.apao.idv.tw/html5/php/pc_mobile/
$mobile_browser = '0';
if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
$mobile_browser++;
}
if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0) or ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))) {
$mobile_browser++;
}
$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
$mobile_agents = array(
'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac',
'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
'newt','noki','oper','palm','pana','pant','phil','play','port','prox',
'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
'wapr','webc','winw','winw','xda','xda-','Googlebot-Mobile');
if(in_array($mobile_ua,$mobile_agents)) {
$mobile_browser++;
}
if (strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini')>0) {
$mobile_browser++;
}
if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows')>0) {
$mobile_browser=0;
}
if($mobile_browser>0) {
header("Location: mobile/index.php"); //手機版
}else {
header("Location: PC/index.php"); //電腦版
}
if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
$mobile_browser++;
}
if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0) or ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))) {
$mobile_browser++;
}
$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
$mobile_agents = array(
'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac',
'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
'newt','noki','oper','palm','pana','pant','phil','play','port','prox',
'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
'wapr','webc','winw','winw','xda','xda-','Googlebot-Mobile');
if(in_array($mobile_ua,$mobile_agents)) {
$mobile_browser++;
}
if (strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini')>0) {
$mobile_browser++;
}
if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows')>0) {
$mobile_browser=0;
}
if($mobile_browser>0) {
header("Location: mobile/index.php"); //手機版
}else {
header("Location: PC/index.php"); //電腦版
}
出處：
梅問題教學
手機網頁教學－自動切換電腦或手機版(PHP、ASPX)
http://www.minwt.com/mobilewebdesign/2501.html
參考網頁：
http://blog.apao.idv.tw/html5/php/pc_mobile/
June 19, 2014
<script type="text/javascript">
function checkserAgent(){
var userAgentInfo=navigator.userAgent;
var userAgentKeywords=new Array(“Android", “iPhone" ,"SymbianOS", “Windows Phone", “iPad", “iPod", “MQQBrowser");
var flag=false;
if(userAgentInfo.indexOf(“Windows NT")==-1){
flag=true;
}
return flag;
}
if(checkserAgent()){
document.location.href="http://www.apao.idv.tw/mobile/";
}
</script>
function checkserAgent(){
var userAgentInfo=navigator.userAgent;
var userAgentKeywords=new Array(“Android", “iPhone" ,"SymbianOS", “Windows Phone", “iPad", “iPod", “MQQBrowser");
var flag=false;
if(userAgentInfo.indexOf(“Windows NT")==-1){
flag=true;
}
return flag;
}
if(checkserAgent()){
document.location.href="http://www.apao.idv.tw/mobile/";
}
</script>
