成字怎麼寫筆順
前言——幾日前，我那上初中的妹妹突然發VX問我說她想複製網上搜到的一些朋友圈文案拿去發朋友圈，但是問題是複製不了！
聽到這個問題我嘿嘿一笑（心想：難道網上還有我爬蟲爬不到的資料嗎？難道妹妹沒聽過江湖流傳的一個傳說——可見即可爬嗎！），我嗖的一聲從床上彈坐起來，坐到電腦前，開啟我的谷歌瀏覽器輸入妹妹的網址——果然：
又是這熟悉的彈窗，又是這該死的VIP才能享受的特權，不過——這些對於我們爬蟲人來說都是小問題，我開啟我的pycharm，啪啪一頓猛敲，一會一個針對妹妹發的網站的小爬蟲就寫好了，輸入網址，下載OK：
爾後，我便將下載並整理好的txt文字直接發給妹妹，得到妹妹一陣哥哥哥哥的好誇——身子骨都要酥了！但是，我突然又想到，對於妹妹這種程式設計小白，下次她再遇到類似的問題不還是得來問我，要我給她解決嗎！
“不行不行”，我這樣告誡自己——此乃IT界大忌！授之以魚不如授之以漁——這才是正道！！！但是，這個“漁”究竟是啥呢？
我也就不賣關子了！下面和大家分享一個騷操作——你只要使用一個谷歌瀏覽器（不管你是小朋友還是叔叔阿姨），進行我如下傳授的簡單幾步，我都可保你解除封印，想複製啥就複製啥！
第一步：網頁空白處單擊滑鼠右鍵->然後點選“檢查”；
第二步：單擊網頁右上角齒輪圖示；
第三步：滑鼠往下滑，看到Disable JavaScript，單擊前面的空白小框框選中；
End，現在——你就已經解除封印，此頁面內容想複製啥就複製啥了哦！
不過，如果你是名程式猿，或者說你未來想要當一名程式猿，那麼只會剛剛那一個瀏覽器的騷操作是遠遠不夠的！本博主熬夜整理，為大家整理瞭如下關於谷歌瀏覽器除錯面板的使用以及常用快捷鍵大全，如果你能全都掌握——那麼恭喜你：你已經是名十分強大的程式猿了！
1。Chrome除錯面板
（1）常用面板（爬蟲中定位元素必用！）
1。 定位小箭頭按鈕（左邊第一個）：
選中Elements面板，並啟動該按鈕，可以在頁面中定位相應元素的原始碼位置，或者選擇原始碼位置可定位到頁面相應的元素。
2。 手機-PC檢視切換按鈕（左邊第二個）：
啟動該按鈕，網頁可以在pc網址網頁和手機網址網頁之間進行轉換。由於在爬蟲過程中，爬取手機網址網頁相對來說更容易，所以可以透過該按鈕將網頁切換至移動網頁實現更快速爬取操作。
3。 Elements面板（元素面板）
該面板顯示了渲染完畢後的全部HTML原始碼，在使用selenium爬取網頁時可透過這些原始碼找到各標籤的位置，屬性等特徵。更重要的是，雙擊html原始碼或者右側的css，可以更改網頁外觀，即可以對靜態網頁進行除錯。
4。 Console面板（控制檯面板） 快捷鍵：CTRL+~
該面板用來顯示網頁載入過程中的日誌資訊，包括列印，警告，錯誤及其他可顯示的資訊等。同時它也是一個js互動控制檯。
5。 Sources面板（原始碼面板）
該面板以站點為分組，存放著請求下來的所有資源（html，css，jpg，gif，js等）。正是因為該面板存放了所有的資源，因此在除錯js時，目的碼都是在此處尋找的。該面板也提供了除錯按鈕工具。
6。 Network面板（網路面板）
Network面板記錄了網路請求的詳細資訊，包括請求頭，響應頭，表單資料，引數資訊等，
7。 快捷鍵小學習（要在檢查頁面輸入哦！）：CTRL+SHIFT+P
輸入javascript（即可直接選擇Disabled JavaScript選項）：可以遮蔽掉此網站的JS程式碼，在重新整理之後此網站的所有JS程式碼都不會執行了！
輸入full：可以截圖（會將整個頁面截下來）
（2）Network面板（爬蟲中過濾請求及過濾資料型別必用——比如過濾掉非同步加載出來的請求！）
1。 ALL：所有的請求
2。 XHR（XmlHttpRequest物件js生成）： js動態載入請求
3。 JS： JS程式碼
4。 Css： 樣式
5。 image： 圖片
6。 Media： 音訊，影片
7。 Font： 字型
8。 DOC： 首頁
9。 WS： WebSocket
10。 Hide data URLs：可以過濾掉data的響應
11。 注意：
（1）左上角的Preserve log選項，如果勾選，即代表不清除上一個頁面請求的資料。比如：在一個網頁裡登入，如果不勾選此選項，由於點選登入之前屬於一個請求；點選登入之後屬於另外一個請求。所以點選之後是沒有你的登入資訊的！
（2）左上角的Disable cache選項，表示清除快取，一般都要勾選，防止網頁操作時由於本地快取的存在，而導致一些預期之外的錯誤！
（3）左上角的方框Filter。用法如下：
①set-cookie-domain：baidu。com可以過濾域名為baidu。com的響應，便於你找cookie。
②set-cookie-name：cookie中的鍵。也可以過濾含有此鍵的響應，便於你找cookie。
③set-cookie-value：cookie中的值。也可以過濾含有此值的響應，便於你找cookie。
④cookie-name：cookie中的鍵。可以過濾包含有此cookie的鍵的請求。
（3）設定斷點（爬蟲高階中JS滲透必用到的操作！）
第一部分：如何使用！
目的：透過除錯找到目標資料生成的地方（JS滲透必用！）
使用斷點來暫停JavaScript程式碼，審查變數的值和在特定時刻所呼叫的堆疊。
設定斷點的最基本的方法是在特定的程式碼行上手動新增一個斷點。也可以將這些斷點配置為僅在滿足特定條件時觸發。
在原始碼的左側，您可以看到行號。這個區域稱為line number gutter（行號槽）。單擊行號槽中的行號，就會在該行程式碼上新增一個斷點。
例如事件，DOM更改。
第二部分：逐步除錯！
第三部分：作用域！
當指令碼中斷的時候，Scope（作用域）窗格將顯示當前時刻所有當前定義的屬性。
第四部分：呼叫堆疊！
- 靠近邊欄頂部的是Call Stack（呼叫堆疊）窗格。當代碼在斷點處暫停時，CallStack（呼叫堆疊）窗格顯示執行路徑，按時間逆序，將程式碼帶到該斷點。這有助於理解現在執行到哪裡，它是如何到達這裡的，是除錯的一個重要因素。
- 呼叫函式鏈，下面呼叫上面的函式
2。Chrome快捷鍵大全
（1）標籤頁和視窗快捷鍵（重點：常用！）
（2）Google Chrome 功能快捷鍵
（3）網頁快捷鍵
3。有關於Me
個人簡介：
HDZ核心組成員
，
華為雲享專家Python全棧領域博主
，
CSDN總榜前五十博主
，
CSDN原力計劃作者
，
CSDN全棧領域優質創作者
，
公眾號【孤寒者】
，全網粉絲10萬+。我是一個硬體出身的計算機愛好者，喜歡program，源於熱愛，樂於分享技術與所見所聞所感所得。文章涉及Python，C，微控制器，HTML/CSS/JavaScript及演算法，資料結構等。
我就是孤寒者，孤寒者
4。寫在最後
以上的知識點大多是些簡單的操作命令，典型的那種看了就忘型的內容。所以汲取一些程式設計界大牛的意見：看了就忘，忘了就看，用了不記得——繼續看！！！
