手機瀏覽器頁面點擊不跳轉（Android手機部分瀏覽器） 瀏覽器雙擊放大網頁 解決

手機端web網頁項目（angluar js 1.4.6）

1，網頁項目開發過程中，使用PC瀏覽器能正常訪問，IOS設備瀏覽器也能正常訪問，但是使用Android部分瀏覽器進行訪問的時候，鏈接偶爾不跳轉，點擊完沒有任何反應（本人使用angluar js route進行單頁面應用跳轉），此時地址欄的路徑已經被更新為點擊后的地址.

 

解決方案：使用UC瀏覽器遠程調試工具，在PC端chrome瀏覽器監控手機端web頁面控制台，最后發現有時路由跳轉導致代碼報錯：

TypeError: Cannot read property 'runner' of undefined
    at angular-animate.js:2330
    at forEach (angular.js:336)
    at closeChildAnimations (angular-animate.js:2325)
    at queueAnimation (angular-animate.js:2148)
    at Object.$$AnimateQueueProvider.$get.push (angular-animate.js:2040)
    at Object.$AnimateProvider.$get.leave (angular.js:5200)
    at cleanupLastView (angular-route.js:913)
    at angular-route.js:942
    at publicLinkFn (angular.js:7387)
    at $get.boundTranscludeFn (angular.js:7533)`

（1）此錯誤是因為引入angular-animate.js導致的錯誤，我雖然引用了這個文件，但是沒有使用，所以直接刪除即可。

（2）如果項目中用到了angular-animate.js，那么只有升級angular.js版本了，其實這個錯誤是1.4.6版本的一個bug，在1.4.9版本修復了該問題，詳情參考：https://github.com/angular/angular.js/issues/11992

 

2，雙擊網頁放大問題：

現在的手機或平板電腦等移動設備上的瀏覽器默認都有雙擊放大的設置，怎么讓雙擊不放大？

解決方案：

可以在頁面頭部加上meta

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

 

最后問題解決