谷歌15個技巧

2022-07-14 14:51:13 字數 2339 閱讀 3137

如果你曾經使用過sublime text,那麼你一定知道沒有「go to anything」這個功能的覆蓋你不可能活下去。所以你會很高興聽到dev tools 也有這個功能。當devtools開啟的時候,你可以按下ctrl + p( 在mac上使用cmd + p)來快速的尋找和開啟你工程中的任意檔案。

但是如果你希望在源**中搜尋該怎麼辦?按下ctrl + shift + f(在mac上使用cmd + opt + f),即可在所有已載入的檔案中查詢乙個特定的字串。這個搜尋的方法也支援正規表示式。

當你開啟乙個在源標籤裡的檔案之後,devtools能夠允許你輕鬆地跳轉到**裡的任意一行,windows 和 linux使用者只需要按下ctrl + g(在mac上使用cmd + l),然後輸入你想查閱的行數即可。

另乙個跳轉的方法是按下ctrl + o,輸入:和行數,而不用去尋找乙個檔案。

devtools控制台支援一些變數和函式來選擇dom元素:

另乙個打敗sublime text的特色出現了。當你在編輯乙個檔案的時候你可以通過按住ctrl (在mac上為cmd) 同時點選你想讓游標停留的位置,設定多個游標,這樣你就可以同時在多個位置輸入同一文字了。

勾選在console標籤下的儲存記錄選項,你可以使devtools的console繼續儲存記錄而不會在每個頁面載入之後清除記錄。當你想要研究在頁面還沒載入完之前出現的bug時,這會是乙個很方便的方法。

chrome的開發者工具有一段嵌入的美化**,它可以幫你返回一段最小化的且格式易讀的**。這個漂亮的印刷按鈕在你正確開啟檔案之後的sources標籤下的左下角。

裝置模式的另乙個很酷的功能是模擬移動裝置的感測器,例如觸控螢幕和加速計。你甚至可以惡搞你的地理位置。這個功能位於元素標籤的底部,點選「show drawer」按鈕,就可看見emulation標籤 --> sensors.

當我們在樣式編輯器中選擇一種顏色時,你可以點選顏色預覽,顏色選擇器就會彈出。當顏色選擇器開啟時,如果你停留在某一頁面,你的滑鼠指標就會轉換成乙個放大鏡,選擇畫素精度的顏色。

devtools有乙個功能是模擬css的狀態,如在元素中的hoverfocus,這能夠能容易的設計他們的樣式。該功能來自css編輯器。

由於其他基礎的元素在檢視中正常的隱藏,網頁瀏覽器構建例如文字框,按鈕和輸入之類的東西。不過,你可以在settings -> general中切換成show user agent shadow dom,這樣就會在元素標籤頁中顯示被隱藏的**。給了你很大的控制,讓你甚至可以單獨地設計他們。

當你在sources 標籤下編輯檔案時,如果你按下ctrl + d(cmd + d),下乙個匹配項也會被選中,這能夠幫助你同時編輯他們。

在顏色預覽中使用shift + click,可以在rgba,hslhexadecimal這三種格式中改變。

VC小技巧15個

vc小技巧15個 一 一次只執行乙個程式例項 二 裝載游標 三 獲得主框架 獲得應用程式主視窗的指標 example afxgetmainwnd showwindow sw showmaxmized 使程式最大化 四 重新建立字型的 if m fontlogo.m hobject m fontlog...

VC小技巧15個

一 一次只執行乙個程式例項二 裝載游標三 獲得主框架 獲得應用程式主視窗的指標 example afxgetmainwnd showwindow sw showmaxmized 使程式最大化 四 重新建立字型的 if m fontlogo.m hobject m fontlogo.detach m ...

VC小技巧15個

一 一次只執行乙個程式例項二 裝載游標三 獲得主框架 獲得應用程式主視窗的指標 example afxgetmainwnd showwindow sw showmaxmized 使程式最大化 四 重新建立字型的 if m fontlogo.m hobject m fontlogo.detach m ...