ReactNative WebView使用本地HTML在真機上無法顯示的問題
在使用WebView顯示本地的html頁面時,像使用圖片資源一樣使用時:
const source = reuqire('./index.html');
在debug模式下,Android和IOS都可以正常顯示。
然而在release模式時,雙端在手機上都無法正常顯示html頁面。
解決方法如下:
Android端:
由於React Native打包資源時不支援html資源的自動打包,所以我們得手動將html資源放到asset目錄下,沒有的話就自己建立:
android/app/src/main/assets/
之後在程式碼裡引用:
const source = { uri:'file:///android_asset/index.html' }
iOS端:
正常使用如下引用法是沒有問題的:
const source = reuqire('./index.html');
但是現在的IOS開發需要做一些處理:
WWDC 15 提出的 ATS (App Transport Security) 是 Apple 在推進網路通訊安全的一個重要方式。在iOS 9 和 OS X 10.11 中,預設情況下非 HTTPS的網路訪問是被禁止的。當然,因為這樣的推進影響面非常廣,作為緩衝,我們可以在 Info.plist 中新增NSAppTransportSecurity 字典並且將 NSAllowsArbitraryLoads 設定為 YES 來禁用 ATS。
具體檢視關於 iOS 10 中 ATS 的問題
相關推薦
ReactNative WebView使用本地HTML在真機上無法顯示的問題
在使用WebView顯示本地的html頁面時,像使用圖片資源一樣使用時: const source = reuqire('./index.html'); 在debug模式下,Android和IOS都可以正常顯示。 然而在release模式時,雙端在手機
【ReactNative】真機上無法除錯 could not connect to development server
ReactNative 版本 0.27.2 真機除錯,一直紅屏,報錯 could not connect to development server 檢測流程: 1.工程目錄npm start OK 2.AppDelegate.m的localhost換成PC上的
解決Android TV版APP在真機上無法安裝的問題
最近接了個與TV開發相關的專案,採用AS自動生成的專案在模擬器上執行沒問題,但是在電視真機上就是安裝不上,跑不起來,我這還沒有電視測試,測試還要去找朋友借裝置,有點鬱悶。 AS自動生成的manifest檔案如下 <application and
UIWebview 載入本地html圖片資源無法正常載入的問題
今天在做webview載入本地html的時候遇到一個問題,本地html中含有圖片資源,用瀏覽器直接正常載入html,但是UIWebview在載入的時候圖片找不到,懷疑是圖片路徑問題,於是查了好多資料,
WebView載入Html出現有時頁面顯示不全問題
在專案開發中經常會用到WebView載入Html,有時會遇到url顯示不完整的問題下面是我在專案開發中遇到的情況 #####先看WebView,這裡我沒有判斷android 版本號
iphone真機無法顯示圖片,而模擬器可以正常顯示
可能,很多開發IOS程式的遇到過在模擬器裡,載入圖片都是正常的,但是在真機裡就會出現圖片資源不能載入的問題。 其實原因很簡單,在Simulator裡面,例如:圖片資源名稱為:a.PNG,在程式碼你裡,你引用的是a.png,這樣的程式碼,在Simulator中執行完全不會有問題,但是到真機裡面,你就會發現
微信小程式使用canvas在真機上不顯示使用者頭像問題(不顯示網路圖片)
如果要做一個分享朋友圈,而需要通過canvas繪製圖片,在真機上是不顯示你的使用者頭像的,但是開發者工具和真機上開啟除錯是可以看的。這就需要在微信公眾平臺把你頭像前面的網址配置到downloadFile網址裡去 比如下面的頭像,就需要把https://wx.qlogo.cn
WebView使用(一) 無法顯示內容、在fragment+activity中的使用
在一個只有底部導航欄的activity中,動態切換4個fragment,在第一個fragment中我想使用一個webview載入後臺的H5頁面,就把WebView定義在了fragment的佈局檔案中,如下 <FrameLayout xmlns:android="htt
ios 載入本地網頁 css js 無法顯示問題
解決辦法: html檔案或將資料夾拖入xcord 選擇 Create folder references。 並加上如下程式碼。 NSURL *url = [[NSBundle mainBundle] URLForResource:@"APP/i
圖片儲存到本地在相簿中無法顯示問題
我們在儲存成功後,還要發一個系統廣播通知手機有圖片更新,廣播如下: Intent intent = new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE); Uri uri = Uri.fromFile(file); intent
如何解決flask+HTML無法顯示本地圖片的問題
做了一個網頁,有註冊和登入動能,想加入圖片修飾一下,卻只能在HTML下開啟,不能用服務端開啟(即127.0.0.什麼什麼那個地址)。 原因是:如果從服務端訪問頁面,則只讀取templates中的HTML檔案,不能讀取其中的圖片。因此: 解決辦法如下: 首先,將圖片(123.jpg)從HTML
ReactNative Webview載入本地html異常問題
本文主要解決ios釋出release版本時,react native webview載入本地html顯示異常問題。 產生此問題得條件: ios載入本地的html,且html內部包含引用外部的js連結(注:連結指向本地),但是,如果你html所有js
Android WebView無法載入本地html檔案的解決方法
LogCat報錯如下:"XMLHttpRequest cannot load file:///sdcard/xxx/index.html. No 'Access-Control-Allow-Origin' header is present on the requested
華為部分真機調試無法顯示log問題解決
方式 輸入 project class log 重新 pro logcat clip 真機測試時,部分華為手機無法獲取所有的log信息。或者說無法獲取Error下面級別的log信息。比方P7 這是由於部分華為機出廠默認log設置為關閉狀態。因此僅僅能獲取Error以上級
圖片在手機上無法自適應顯示該怎麽辦【解決方案】
定義 謝謝 block 解決 也有 通過 適應 今天 研究 今天春哥技術博客的一個粉絲朋友向春哥請教說,他自己做了一個網站,但是圖片手機端不能自適應,很不美觀,叫春哥幫忙看看。 經過春哥研究發現,問題其實很簡單。 找到對應的CSS文件。將圖片的寬度屬性設為100%即可,至此
ios UIWebView載入本地html時html樣式、圖片顯示出來
將h5檔案拖到專案中 選擇彈出框Added folders的Create folder references選擇 然後載入 例如 NSURL *url = [NSURL URLWithString:[[NSString stringWithFormat:@““] stringByAddi
hexo引用本地圖片無法顯示
最近重新開始用起hexo,但是發現在文章中引用本地圖片時總是顯示不出來。 問題如下圖所示。 花費了許久時間才解決這個問題。 因此將一些解決經驗整理出來,希望能幫助到大家。 一、外掛安裝與配置 首先我們需要安裝一個圖片路徑轉換的外掛,這個外掛名字是hexo-ass
微信小程式使用本地圖片在真機不顯示的問題
最近做的小程式,在真機測試發現有些本地圖片在開發工具上可以顯示,但是在真機上預覽的時候不能顯示 程式碼是這樣寫的 <view class='seat-size' wx:for="{{item}}" wx:key="index" wx:for-index="index" wx:f
Android中scrollview巢狀webview後導致網頁載入成功但無法顯示
今天同事提出了一個bug,關於h5頁面無法顯示為空白頁,因為這塊的程式碼不是我寫的,之前同事寫的,所以我就看了一下程式碼,初看沒什麼問題,因為感覺這沒什麼難度,就
git branch -a 無法顯示遠端和本地分支
檢視本地分支: git branch 檢視遠端分支:git branch -r 檢視所有分支(包括遠端和本地分支): git branch -a 現象:新建本地倉庫後(git initi),出現這樣的問題,當你使用命令git branch 檢視本地分支,沒有任何資訊顯示,甚至連maste