那些你可能不知道的瀏覽器奇技淫巧

時間 2019-12-09

標籤那些可能不知道瀏覽器欄目瀏覽器简体版

原文原文鏈接

日常工做少不了用瀏覽器，如下分享一些瀏覽器的使用技巧，更好的有助於你的工做。javascript

ps: 如下技巧均在 Chrome 瀏覽器下測試的。html

網頁長截圖

按 F12 彈出控制檯，按 ctrl+shift+p 彈出輸入框 java

輸入full，選擇 capture full size screenshot 而後點擊就會對當前網頁進圖並生成下載一個圖片。這個比用 QQ 截圖好用的地方就是有滾動條的網頁也能夠所有截圖到，因此叫長截圖。

www.google.com.hk_search_newwindow=1&safe=strict&client=aff-maxthon-newtab&channel=t16&source=hp&ei=ll7jXOCENcX68QXZ-pfwBA&q=chrome&oq=chrome&gs_l=psy-ab.12..35i39l2j0i67l3j0i203l5.817.2172..2861...0.0..0.270.855.png

瀏覽器秒變編輯器

瀏覽器地址欄中輸入 data:text/html, <html contenteditable>回車直接變編輯器，這裏能夠直接輸入字符進行編輯了。chrome

編輯網頁

打開網站，地址欄輸入javascript:void(document.body.contentEditable='true');固然也能夠直接在控制檯輸入 document.body.contentEditable=true或document.designMode = "on"而後就能夠爲所欲爲的改變網頁內容了，因此一些網頁截圖不可信，好比以前有人借用王思聰名義用微博發支付寶的紅包，可謂套路滿滿。瀏覽器

突破禁止複製

有些網站是複製不了內容的，好比b站的文章www.bilibili.com/read/cv2444… ，這個時候就須要用上控制檯了（按F12打開）。編輯器

點擊左上角箭頭，選擇網頁內容，能夠在控制檯看到內容，直接複製就好了。

多帳號登陸

日常一個瀏覽器只能登陸一個帳號，若是要登2個帳號，就須要使用多個瀏覽器，若是隻有一個瀏覽器怎麼辦，使用隱身模式（按ctrl+shift+n進入），而後登陸另一個帳號。測試

下載網頁圖片

想下載網頁上的圖片，若是一張一張的另存爲，那得費很多體力，這個時候就須要控制檯了。好比常常逛知乎能夠看到很多妹子自拍，好比這個問題網站

打開控制檯執行這個 copy($$('img').map(function(item){return item.src}).join("\r\n"))或者[...$$("img")].map(a => a.src).join('\r\n')就能夠將全部圖片地址複製好了。複製全部連接使用copy($$('a').map(function(item){return item.href;}))google