UIwebView計(jì)算進(jìn)度方法以及demo

在上家公司做事的時(shí)候有一個(gè)需求檬某,需要計(jì)算圖片,pdf,網(wǎng)頁等文檔的閱讀進(jìn)度哨毁,開始我準(zhǔn)備借助開源的閱讀器框架做完整的需求,和項(xiàng)目經(jīng)理商量后椅亚,作為一個(gè)小功能限番,我們并不需要這么強(qiáng)大的功能。

1.問題的研究
我一開始把焦點(diǎn)放在JS中呀舔,希望能通過JS的特性來獲得弥虐。

    NSInteger height = [[documentWebView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight;"] intValue];
    NSInteger htmlheight = [[documentWebView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] integerValue];

以此為想法編寫demo的時(shí)候,發(fā)現(xiàn)有些頁面這個(gè)高度有時(shí)候會(huì)是個(gè)錯(cuò)誤的數(shù)據(jù)别威,并且無法計(jì)算拖動(dòng)的高度躯舔。
既然webview有滑動(dòng)條,會(huì)不會(huì)有scrollview在其中省古?
2.問題的解決


Paste_Image.png

用xcode自帶的Debug view Hierarchy,查看了一下UI構(gòu)成果然是有一個(gè)scrollview粥庄。
這樣我們能直接從可以計(jì)算scrollView的高度與滑動(dòng)距離
計(jì)算公式:

(scrollView.contentOffset.y+scrollView.bounds.size.height) /documentHeight

在封裝的時(shí)候需要注意到,屏幕也是有高度的豺妓,做進(jìn)度自動(dòng)跳轉(zhuǎn)時(shí)至少跳轉(zhuǎn)進(jìn)度要大于屏幕和文檔總高度的比例惜互。
期間坑還是有不少的,于是我寫了一個(gè)demo琳拭,讓大家可以直接使用pressent的vc或push的vc都能直接 addSubview训堆。
github:https://github.com/xia89757/XWLWebView

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市白嘁,隨后出現(xiàn)的幾起案子坑鱼,更是在濱河造成了極大的恐慌,老刑警劉巖絮缅,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鲁沥,死亡現(xiàn)場離奇詭異,居然都是意外死亡耕魄,警方通過查閱死者的電腦和手機(jī)画恰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來吸奴,“玉大人允扇,你說我怎么就攤上這事缠局。” “怎么了考润?”我有些...
    開封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵狭园,是天一觀的道長。 經(jīng)常有香客問我糊治,道長妙啃,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任俊戳,我火速辦了婚禮揖赴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘抑胎。我一直安慰自己燥滑,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開白布阿逃。 她就那樣靜靜地躺著铭拧,像睡著了一般。 火紅的嫁衣襯著肌膚如雪恃锉。 梳的紋絲不亂的頭發(fā)上搀菩,一...
    開封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音破托,去河邊找鬼肪跋。 笑死,一個(gè)胖子當(dāng)著我的面吹牛土砂,可吹牛的內(nèi)容都是我干的州既。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼萝映,長吁一口氣:“原來是場噩夢啊……” “哼吴叶!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起序臂,我...
    開封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬榮一對情侶失蹤蚌卤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后奥秆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體逊彭,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年吭练,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了诫龙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片析显。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鲫咽,死狀恐怖签赃,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情分尸,我是刑警寧澤锦聊,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站箩绍,受9級(jí)特大地震影響孔庭,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜材蛛,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一圆到、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧卑吭,春花似錦芽淡、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至掷邦,卻和暖如春白胀,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背抚岗。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來泰國打工或杠, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人宣蔚。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓廷痘,卻偏偏與公主長得像,于是被迫代替她去往敵國和親件已。 傳聞我的和親對象是個(gè)殘疾皇子笋额,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,747評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件篷扩、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,059評(píng)論 4 62
  • 好想把世界各地的城市都走個(gè)遍 一下火車飛機(jī)輪船就立馬去租房 每個(gè)城市至少要呆上三十天 帶一把吉他邊走邊唱 帶一臺(tái)相...
    何時(shí)何地回電話閱讀 173評(píng)論 0 0
  • 2015年的春節(jié)是程程過的第一個(gè)春節(jié)鉴未,由于外地工作枢冤,我和媳婦的老家又不在一個(gè)省份,我和媳婦也面臨一個(gè)問題铜秆,是否帶...
    程沐閱讀 390評(píng)論 0 0
  • 日期:7月12日 學(xué)習(xí):復(fù)合果汁 分享:4個(gè) 感受:用了話術(shù)淹真,會(huì)和朋友愉快的聊天,然后我話題一轉(zhuǎn)连茧,請朋友幫個(gè)小忙核蘸,...
    美文環(huán)保超市閱讀 213評(píng)論 0 0