iOS 中webview加載網(wǎng)頁的過程中出現(xiàn)黑邊,但加載完成后就正常

黑邊情況
圖層結構顯示UIWebBrowserView問題

透明H5(webView)效果的實現(xiàn)
一個完全透明的webView加載H5頁面的效果的實現(xiàn)唆迁,就相當于是一個半透明的遮罩層煌贴,上面有一個不透明的圖片凳鬓,一般原生的帶遮罩層的彈框會采用這種方式特咆,如果是原生代碼實現(xiàn)影钉,就簡單的多了画髓,視圖的疊加就可以搞定,但如果整個頁面包括遮罩層都要用webView加載H5來實現(xiàn)的話平委,就會有點兒復雜奈虾,這一效果還是花費了好一番功夫,在實際的開發(fā)過程中廉赔,發(fā)現(xiàn)了webView從未接觸過的奇妙的一面:_UIWebViewScrollView肉微、UIWebBrowserView。
起初蜡塌,是要設置webView的顏色和透明度(不是整體的alpha)碉纳,但是發(fā)現(xiàn)無論怎么操作都不可以,中間的那部分區(qū)域也無法改變顏色馏艾;于是使用下面遞歸的方式輸出了WebView中所有繼承于UIView的子視圖;

輸出結果:

WebView 的子視圖 : Optional(_UIWebViewScrollView)

WebView 的子視圖 : Optional(UIWebBrowserView)

結果就發(fā)現(xiàn)了兩個類:_UIWebViewScrollView劳曹、UIWebBrowserView;這是兩個從來沒見過的類琅摩,但是從名字也大致能看出來在什么位置厚者;但是我很奇怪的是為什么沒有UIScrollView,或者還是這個_UIWebViewScrollView事實上和我們直接調用的webView.scrollView有著什么聯(lián)系迫吐,但是webView的scrollView屬性繼承于UIScrollView,UIScrollView繼承于UIView账忘,中間的繼承關系中也并未出現(xiàn)_UIWebViewScrollView志膀;這也是我疑惑的地方熙宇;

_UIWebViewScrollView并不是webView中類型為UIScrollView的屬性scrollView中的,而是構成webView的一個子視圖溉浙;

UIWebBrowserView是在_UIWebViewScrollView上面的一個子視圖烫止;如果傳入?yún)?shù)是webView.scrollView而不是webView,就會發(fā)現(xiàn)只有UIWebBrowserView輸出了戳稽,也就是說事實上UIWebBrowserView是webView的屬性scrollView上的一個子視圖
這個關系理清楚之后就知道為什么設置不了webView的clearColor了馆蠕,只要使用遞歸設置這兩個子視圖的背景色為clearColor,同時惊奇,設置

webView.opaque = false就OK了互躬;當然,主要的一點還有加載的H5頁面也要直接使用div做成透明的颂郎,沒有背景body.


解決方案:

  _webView.opaque = NO;
  _webView.backgroundColor = [UIColor whiteColor];

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末吼渡,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子乓序,更是在濱河造成了極大的恐慌寺酪,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件替劈,死亡現(xiàn)場離奇詭異寄雀,居然都是意外死亡,警方通過查閱死者的電腦和手機陨献,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門盒犹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人湿故,你說我怎么就攤上這事阿趁。” “怎么了坛猪?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵脖阵,是天一觀的道長。 經常有香客問我墅茉,道長命黔,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任就斤,我火速辦了婚禮悍募,結果婚禮上,老公的妹妹穿的比我還像新娘洋机。我一直安慰自己坠宴,他們只是感情好,可當我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布绷旗。 她就那樣靜靜地躺著喜鼓,像睡著了一般副砍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上庄岖,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天豁翎,我揣著相機與錄音,去河邊找鬼隅忿。 笑死心剥,一個胖子當著我的面吹牛,可吹牛的內容都是我干的背桐。 我是一名探鬼主播优烧,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼牢撼!你這毒婦竟也來了匙隔?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤熏版,失蹤者是張志新(化名)和其女友劉穎纷责,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體撼短,經...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡再膳,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了曲横。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片喂柒。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖禾嫉,靈堂內的尸體忽然破棺而出灾杰,到底是詐尸還是另有隱情,我是刑警寧澤熙参,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布艳吠,位于F島的核電站,受9級特大地震影響孽椰,放射性物質發(fā)生泄漏昭娩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一黍匾、第九天 我趴在偏房一處隱蔽的房頂上張望栏渺。 院中可真熱鬧,春花似錦锐涯、人聲如沸磕诊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至畦贸,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背扁藕。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留欲险,地道東北人吃度。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像责语,于是被迫代替她去往敵國和親炮障。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內容

  • 透明H5(webView)效果的實現(xiàn) 一個完全透明的webView加載H5頁面的效果的實現(xiàn)坤候,就相當于是一個半透明的...
    王玉朝閱讀 593評論 0 2
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,092評論 1 32
  • IOS之UIWebView的使用 剛接觸IOS開發(fā)1年多胁赢,現(xiàn)在對于 混合式 移動端開發(fā)越來越流行,因為開發(fā)成本上白筹、...
    學無止境666閱讀 45,778評論 5 53
  • OS之UIWebView的使用 剛接觸IOS開發(fā)1年多智末,現(xiàn)在對于 混合式 移動端開發(fā)越來越流行,因為開發(fā)成本上徒河、速...
    知之未道閱讀 1,653評論 0 4
  • 陽氣不足容易使人精神不振系馆、消沉,容易筋骨關節(jié)疼痛僵硬顽照、痛經由蘑、月經延后、不育不孕代兵、水腫尼酿、畏寒怕冷以及得各種痛癥等,也...
    昌悟道閱讀 22,152評論 0 1