如果你曾經使用過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的狀態,如在元素中的hover
和focus
,這能夠能容易的設計他們的樣式。該功能來自css編輯器。
由於其他基礎的元素在檢視中正常的隱藏,網頁瀏覽器構建例如文字框,按鈕和輸入之類的東西。不過,你可以在settings -> general
中切換成show user agent shadow dom
,這樣就會在元素標籤頁中顯示被隱藏的**。給了你很大的控制,讓你甚至可以單獨地設計他們。
當你在sources 標籤下編輯檔案時,如果你按下ctrl + d
(cmd + d
),下乙個匹配項也會被選中,這能夠幫助你同時編輯他們。
在顏色預覽中使用shift + click
,可以在rgba
,hsl
和hexadecimal
這三種格式中改變。
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 ...