Swift中WKWebView的使用與適配

Swift使用WKWebView加載并適配網(wǎng)頁

一喉脖、使用閉包獲取加載出來的網(wǎng)頁高度

注意:為防止內(nèi)存泄漏艺挪,使用weakself引用祖驱,退出時(shí)會(huì)來到deinit(銷毀)

weak?var?weakself =?self

?cell.returnWebHeightBlock = { webHeight?in

? ? ? ? ??if?let?temh = weakself?.webcellh, temh>0{

? ? ? ? ? ? ? ? ? ? return

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? weakself?.webcellh = webHeight

? ? ? ? ? ? ? ? weakself?.reloadRows(at: [IndexPath.init(row:2,section:0)],with: .none)

? ?}

deinit {?

? ? print("detailview deinit") ?

}


二书闸、使用WKWebView加載網(wǎng)頁的完整代碼如下(可根據(jù)自身需求添加到指定的cell上):

import?UIKit

import?WebKit

class GJPublicWebView: WKWebView,WKNavigationDelegate {

? ? typealias?getWebViewH = (CGFloat)->()

? ? var returnWebHeightBlock : getWebViewH?


? ??override init(frame: CGRect, configuration: WKWebViewConfiguration?) {

? ? ? ? super.init(frame: frame,configuration:WKWebViewConfiguration())

? ? ? ? navigationDelegate = self

? ? }

? ? required?init?(coder:NSCoder) {

? ? ? ? fatalError("init(coder:) has not been implemented")

? ? }

? ? func loadPublicWebHTMLString(_ string : String) {

? ? ? ? loadHTMLString(filterMethod(urlStr: string),baseURL:nil)

? ? }

? ? func?webView(_ webView: WKWebView,didFinish navigation: WKNavigation!) {

? ? ? ? webView.evaluateJavaScript("document.body.scrollHeight") { (result, err)?in

? ? ? ? ? ? if?let?temh = result?as? CGFloat{

? ? ? ? ? ? ? ? //返回加載出來的網(wǎng)頁高度

? ? ? ? ? ? ? ? self.returnWebHeightBlock?(temh)

? ? ? ? ? ? }

? ? ? ? }

? ? }

? ? //適配具體代碼如下

private func filterMethod(urlStr:String) -> String {

let?headHtml = NSMutableString.init(capacity:0)

?headHtml.append("<html>")

?headHtml.append("<head>")

?headHtml.append("<meta charset=\"utf-8\">")

?headHtml.append("<meta id=\"viewport\" name=\"viewport\" content=\"width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=false\" />")

?headHtml.append("<meta name=\"apple-mobile-web-app-capable\" content=\"yes\" />")

?headHtml.append("<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\" />")

?headHtml.append("<meta name=\"black\" name=\"apple-mobile-web-app-status-bar-style\" />")

?headHtml.append("<style>img{max-width:100%;width:auto;height:auto}</style>")

?var bodyStr : String = String(headHtml)

?bodyStr.append(urlStr)

?return bodyStr

}

? ??deinit{

? ? ? ? navigationDelegate = nil

? ? }

}

三紊选、對(duì)比適配前后效果

? ?3.1、使用loadHTMLString(string, baseURL: nil)適配前如圖1-1所示:


1-1

? 3.2姥敛、使用loadHTMLString(filterMethod(urlStr: string), baseURL: nil)適配后如圖1-2所示:


1-2
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
禁止轉(zhuǎn)載奸焙,如需轉(zhuǎn)載請(qǐng)通過簡(jiǎn)信或評(píng)論聯(lián)系作者。
  • 序言:七十年代末彤敛,一起剝皮案震驚了整個(gè)濱河市与帆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌墨榄,老刑警劉巖玄糟,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異袄秩,居然都是意外死亡阵翎,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門之剧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來贮喧,“玉大人,你說我怎么就攤上這事猪狈。” “怎么了辩恼?”我有些...
    開封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵雇庙,是天一觀的道長(zhǎng)谓形。 經(jīng)常有香客問我,道長(zhǎng)疆前,這世上最難降的妖魔是什么寒跳? 我笑而不...
    開封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮竹椒,結(jié)果婚禮上童太,老公的妹妹穿的比我還像新娘。我一直安慰自己胸完,他們只是感情好书释,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著赊窥,像睡著了一般爆惧。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上锨能,一...
    開封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天扯再,我揣著相機(jī)與錄音,去河邊找鬼址遇。 笑死熄阻,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的倔约。 我是一名探鬼主播秃殉,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼跺株!你這毒婦竟也來了复濒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤乒省,失蹤者是張志新(化名)和其女友劉穎巧颈,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體袖扛,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡砸泛,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蛆封。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片唇礁。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖惨篱,靈堂內(nèi)的尸體忽然破棺而出盏筐,到底是詐尸還是另有隱情,我是刑警寧澤砸讳,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布琢融,位于F島的核電站界牡,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏漾抬。R本人自食惡果不足惜宿亡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望纳令。 院中可真熱鬧挽荠,春花似錦、人聲如沸平绩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽馒过。三九已至臭脓,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間腹忽,已是汗流浹背来累。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留窘奏,地道東北人嘹锁。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像着裹,于是被迫代替她去往敵國(guó)和親领猾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容