身為一個只有h5開發(fā)經(jīng)驗的程序猿,對iOS開發(fā)一直懷著一份好奇和恐懼的心情,oc從來沒有學(xué)過,Xcode也只是把它當(dāng)成在React Native開發(fā)時,運行一個application的載體。
在某天學(xué)習(xí)WebViewJavascriptBridge相關(guān)知識時,心血來潮,想玩玩iOS開發(fā),要求不高,能跑個webview,然后native和h5能通信就行??刹辉耄蜷_Xcode, 連怎么往app里拖控件,都需要求助度娘,真的是一頭霧水,所以決定記錄一下,供像我這樣的小白使用。
接下來是一大波步驟,只要夠細心,一般是不會有問題的,不過即使有問題,給我留言,我也不一定能幫你解決~~~~
-
打開Xcode, File->New->Project, 選擇“Single View Application”, 點擊Next;
-
輸入項目名稱,比如:webviewDemo, 點擊Next;
-
選擇存放的位置,點擊Create, 這樣一個應(yīng)用就成功被創(chuàng)建了。
-
視圖左邊,展開webviewDemo文件夾,選中Main.storyboard文件,
-
右上角設(shè)置Xcode,如下圖
右上角視圖設(shè)置 -
選中View Controller, 設(shè)置模擬器大小
4.png -
然后就會看到如下圖的Scene的場景
Scene -
在Xcode的右下角,組件面板中,輸入webview搜索組件
-
選中Web View, 并將其拖拽至Scene,調(diào)整webview大小
webview -
確保右上角設(shè)置如下圖,先按住control鍵, 然后點擊Web View文件,將其拖拽至ViewController.h文件箭頭的位置。
-
彈出對話框,輸入組件名稱,比如:webView, 點擊connect, 然后會在ViewController.h以及ViewController.m文件中自動的新增幾行代碼。
-
在ViewController.m文件的viewDidLoad方法中,輸入以下代碼
- 這時候控制臺可能會出現(xiàn)如下錯誤
解決方法:
圖片來源:stackoverflow
主要包括:
(1)添加App Transport Security Settings
(2)添加Allow Arbitrary Loads, 并將其設(shè)置為YES
(3) 添加Exception Domains, 將www.baidu.com設(shè)置成為其中的一個Item -
點擊工具欄中的三角形按鈕,或者command + R, 運行程序,這樣,webview就創(chuàng)建成功了。
接下來有空就來一片超詳細的WebViewJavascriptBridge的文章,敬請期待。
最后說一句,截步驟圖,真的好煩~~~















