巧用網頁開發者工具F12 審查、修改元素、去除廣告、屏蔽遮罩

巧用網頁開發者工具F12 審查、修改元素、去除廣告、屏蔽遮罩

每當打開一個網頁的時候，是否爲頁面有不少廣告而煩惱；是否爲要操做頁面（例如觀看超清視頻），請先註冊登陸等等事情而麻煩；是否對網頁加鎖的視頻懊惱？今天爲你們分享一個技巧，本文只提供思路，更多好玩有趣的東西有待朋友們開發！

不過也要提醒開發者在作遮罩層的時候注意這些問題！

• 好了切入正題，先說某某學院視頻，如圖，視頻自己是加鎖的，點擊會彈出登陸框！

         

• 這時候要作的就是 F12打開開發者工具，找到彈出層的元素而後將其display：none；這樣比較麻煩是吧，還有更簡單的一種方法，筆者用的是UC流浪器，右擊彈出層會提示如圖：

• 這時咱們只要點擊攔截此元素後，出現的是一層遮罩，如圖：

• 再次右擊遮罩在此攔截此元素，

• 而後便可在未登錄的狀況下打開視頻.

• 在看一個chrome流浪器下的例子：
• 此網站未登錄時不能進行任何操做的，如圖

• 這時候咱們要作的就是找到此彈框的display屬性將其幹掉！而後也是剩下遮罩層，而後只要把它的遮罩層幹掉就ok啦！

• 好了，大功告成，如圖能夠看出來在未登陸頁面的狀況下輸入了文字，未登陸能夠正常操做訪問頁面！

• 以下一個是去廣告的例子，就不細說了，簡單上幾張圖！
• 去廣告前,
• 去廣告後：

 

• 好好好例子就這麼多，這只是一個思路，開發者工具中更多好玩有趣的東西有待咱們共同探索，同時在這裏筆者也要提早廣大開發者在製做遮罩時給與相應的對策！

博客主頁：http://www.cnblogs.com/bc8web/