IOS下 用vue開發(fā)前端項目 點擊返回 頁面出現(xiàn)空白

原地址

10年積累的成都網(wǎng)站設(shè)計、網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站策劃后付款的網(wǎng)站建設(shè)流程，更有通道免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

問題描述：

進入A頁面——B頁面——ios自帶的返回——白屏出現(xiàn)——手動點擊白屏處——問題解決

原因分析:?

在ios機器上使用webview開發(fā)Vue項目時候，go history(-1)，?無法將body的高度拉掉，使得遮住，觸發(fā)輕點擊，方可消除遮罩

解決方案實現(xiàn)原理：

html，body都是100%，#app撐起了父元素的告訴，但是瀏覽器默認的滾動scroll并不是#app，而是body,某些因素，造成返回history 后，無法復(fù)原（ios 的鍋），為此，我們將#app 進行了絕對定位，并讓它重新成為 scroll 的對象，從而解決問題

前端vue開發(fā) iOS手機切屏之后回到原app頁面動畫不執(zhí)行了

兩個動畫效果肯定是要停掉一個的。

禁止掉原生側(cè)滑有點不現(xiàn)實，那就想辦法改變我們自己的。

定義變量isIosMoveBack判斷過度動畫取消的時機（在IOS系統(tǒng)機型下滑動時），這里直接在vuex里面定義個變量，方便后面組件內(nèi)部的返回按鈕重置變量。

vue項目 iOS調(diào)用JS方法報錯找不到方法

項目中需要與H5進行交互，但是在 iOS調(diào)用 js方法時出現(xiàn)問題。一直報錯找不到j(luò)s方法。

一開始以為是移動端中注入的方法 和 js方法名不對。經(jīng)排查，是一致的。

然后排查 注入方法（通過 - (void)evaluateJavaScript:(NSString *)javaScriptString completionHandler:(void (^ _Nullable)(_Nullable id, NSError * _Nullable error))completionHandler; 注入）也沒有任何問題。

后來發(fā)現(xiàn)前端是使用的vue框架，而直接將js方法寫在 methods 中，這樣造成這個交互js方法是局部的，無法被ios端找到。

解決辦法：將iOS需要調(diào)用的js方法在 created 和 mounted 方法中暴露在window下，變成全局方法。

window.printText = this.printText()

如果到這里還不行或者有崩潰，請在 window.onload 方法下進行聲明

ios和vue哪個更有前途?

ios和vueios更有前途。根據(jù)查詢相關(guān)資料信息顯示

1、薪資的區(qū)別：ios工資更高，ue前端工程師工資低于ios開發(fā)工程師工資。vue前端工程師平均工資13000每月，2022年工資不及2021年，較2021年下降了百分之5。ios開發(fā)工程師工資￥23000每月，2022年工資高于2021年，較2021年增長了百分之4。

2、招聘的職位量：vue前端工程師2021年招聘職位278個，比2020年增長了百分之60。ios開發(fā)工程師2021年招聘職位15000K個，比2020年增長了百分之2。曲線越向上代表市場需求量越大，就業(yè)情況相對較好。

Vue項目在部分ios手機Safari瀏覽器上打開為白屏

Vue項目在部分ios手機Safari瀏覽器上打開為白屏有可能是一下原因造成：

第一：部分es6語法不兼容? ? ?推薦在全局引入 babel-polyfill 解決es6在Safari的兼容問題

第二：有部分Safari瀏覽器設(shè)置了不允許網(wǎng)站讀寫所有cookie，不允許網(wǎng)站跟蹤，這種情況下在項目中使用? ? ? ? ? ? ? ? localStorage sessionStorage? cookie都會報錯（大部分是這個原因）

? ? ? ? 查看Safari隱私和安全性：設(shè)置- Safari

第三：在Safari如何跟蹤調(diào)試

???1、打開手機端web檢查器，設(shè)置- Safari -高級（最底部）- Web檢查器打開

2、確保iOS系統(tǒng)手機接入 MAC 電腦（必須是Mac，window調(diào)試不了ios系統(tǒng)）

3、找到Mac電腦的 Safari瀏覽器，找到開發(fā)者，就會顯示的手機的設(shè)備

4、此時此刻就可以使用了，調(diào)試各個App上網(wǎng)頁版的頁面了。

注：如果是 Hybrid 嵌入式開發(fā)，線上版本，可能就不能調(diào)試了，因為IOS App 會把線上的調(diào)試功能? ? ? ? ? ?????給禁用，安全！

分享名稱：Vue開發(fā)iOS,vue開發(fā)的網(wǎng)站
文章源于：http://chinadenli.net/article28/dsioejp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、虛擬主機、網(wǎng)站營銷、外貿(mào)網(wǎng)站建設(shè)、微信小程序、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)