2. 電腦螢幕看手機頁面太醜了
3. 分享鏈結開啟總是首頁,沒法做分銷
這種解決思路成本太大,不值得。
不能增加使用者的學習成本。
這個就是我採用的解決方案。
先來看看效果:
剛開始研究還以為很簡單,但研究的時候發現套用iframe的時候
1.【子頁面需要給父頁面傳頁面跳轉的訊息】
2.【子頁面路由使用的是history的hash模式,父頁面改變url會增加history導致跳轉錯誤】
function
post()
var replacestate = window.history.replacestate;
var pushstate = window.history.pushstate;
window.history.
replacestate
=function
(res)
window.history.
pushstate
=function
(res)
如此修改replacestate與pushstate方法加上自己的監聽事件豈不美哉?
當然,這樣還有個地方沒監聽到,就是回退。這裡我用了onhashchange事件來保證監聽得到:
window.
onhashchange
=function
(res)
綜合起來就是:
// #ifdef h5
if(window.innerwidth>=
600)
location.href =
"/pc.html"
+location.href.
substring
(location.href.
indexof
("#"))
;function
post()
var replacestate = window.history.replacestate;
var pushstate = window.history.pushstate;
window.history.
replacestate
=function
(res)
window.history.
pushstate
=function
(res)
window.
onhashchange
=function
(res)
// #endif
>
>
手機訪問電腦本地localhost網頁
專案需要用手機訪問電腦本地網頁,從而可以除錯專案,對 的理解的快一點 確保手機和電腦在同乙個區域網 可以通過手機開熱點電腦連線或者電腦開可攜式熱點手機連線 確保電腦的防火牆是關閉的 開啟apache 我這邊由於是php開發,所以採用wamp整合環境 電腦和手機連線同乙個區域網,我採用的是手機開熱點 ...
電腦上除錯手機版網頁
專案需要學習一下某 的手機版,需要看一下網頁源 以及相應的js,但在電腦上訪問,預設就轉到電腦版去了,怎麼辦?當然,方法是有的 1 自己寫http post get的 user agent模擬手機上的user agent 2 利用webbrowser控制項,更改webbrowser發出去的cooki...
自適應電腦 手機和iPad的網頁設計方法
隨著3g的普及,越來越多的人使用手機上網。移動裝置正超過桌面裝置,成為訪問網際網路的最常見終端。於是,網頁設計師不得不面對乙個難題 如何才能在不同大小的裝置上呈現同樣的網頁?手機的螢幕比較小,寬度通常在600畫素以下 pc的螢幕寬度,一般都在1000畫素以上 目前主流寬度是1366 768 有的還達...