成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

chrome使用技巧(看了定不讓你失望)

zhangyucha0 / 1151人閱讀

摘要:是我比較喜歡的一個瀏覽器,本文作者通過圖文并茂的方式向我們展示了的個基礎(chǔ)使用技巧,我從中發(fā)現(xiàn)跟使用中有很多類似的快捷鍵,希望你也能從中有所收獲。

chrome是我比較喜歡的一個瀏覽器,本文作者通過圖文并茂的方式向我們展示了Chrome的13個基礎(chǔ)使用技巧,我從中發(fā)現(xiàn)跟使用Sublime Text2中有很多類似的快捷鍵,希望你也能從中有所收獲。

1.快速切換文件

我一般如果查找每個文件,一般都是打開控制臺,在source控制面板里面一個一個去找,看下面的圖你就應(yīng)該知道,這么多文件,你都不知道在哪個目錄下面,然后就只能一個一個點開看

后來才發(fā)現(xiàn)原來按Ctrl+P(cmd+p on mac),就能快速搜尋和打開你項目的文件。

2.在源代碼中搜索

大家都知道如果在要在Elements查看源碼,只要定位到Elements面板,然后按ctrl+f就可以了

可是如果你希望在源代碼中搜索要怎么辦呢?在頁面已經(jīng)加載的文件中搜尋一個特定的字符串,快捷鍵是Ctrl + Shift + F (Cmd + Opt + F),這種搜尋方式還支持正則表達式哦

3.在源代碼中快速跳轉(zhuǎn)到指定的行

大家都知道在VS里,一個cs文件可能特別多行,然后我們就是使用ctrl+g快捷鍵來跳轉(zhuǎn)到特定的行,事實上在chrome控制臺也是一樣的,在Sources標(biāo)簽中打開一個文件之后,按Ctrl + G,(or Cmd + L for Mac),然后輸入行號,chrome控制臺就會跳轉(zhuǎn)到你輸入的行號所在的行。

4.使用多個插入符進行選擇

當(dāng)編輯一個文件的時候,你可以按住Ctrl在你要編輯的地方點擊鼠標(biāo),可以設(shè)置多個插入符,這樣可以一次在多個地方編輯

5.設(shè)備模式

最近做用H5做攜程商旅APP,用的最多的就是chrome瀏覽器的設(shè)備模式。試想一下,如果我們每在Visual studio工具上開發(fā)完一個功能又得跑到手機上調(diào)試,那得多煩,開發(fā)效率多低呀。想想就知道為什么那么多人喜歡用chrome瀏覽器。

6.設(shè)備傳感仿真

設(shè)備模式的另一個很酷的功能是模擬移動設(shè)備的傳感器,例如觸摸屏幕和加速計。你甚至可以惡搞你的地理位置。這個功能位于元素標(biāo)簽的底部,點擊“show drawer”按鈕,就可看見Emulation?--> Sensors.

7.格式化凌亂的js源碼

有時候看到壓縮好的一團糟的js,都不知道從何著手去看。chrome控制臺有內(nèi)建的美化代碼功能,可以返回一段最小化且格式易讀的代碼。Pretty Print的按鈕在Sources標(biāo)簽的左下角。

8.顏色選擇器

當(dāng)在樣式編輯中選擇了一個顏色屬性時,你可以點擊顏色預(yù)覽,就會彈出一個顏色選擇器。當(dāng)選擇器開啟時,如果你停留在頁面,鼠標(biāo)指針會變成一個放大鏡,讓你去選擇像素精度的顏色。

9.改變顏色格式

相信前端開發(fā)人員都知道,顏色有很多種表示方式,比如rgb,hsl,十六進制表示方法等??戳讼旅娴倪@個圖,我相信你肯定會佩服chrome的功能強大,連細(xì)節(jié)都做得那么好。

在顏色預(yù)覽功能使用快捷鍵Shift + Click,可以在rgba、hsl和hexadecimal來回切換顏色的格式

10.強制改變元素狀態(tài)

chrome控制臺有一個可以模擬CSS狀態(tài)的功能,例如元素的hover和focus,可以很容易的改變元素樣式。在CSS編輯器中可以利用這個功能查看不同狀態(tài)下元素的樣式,我相信這個功能對于模仿別人界面的前端愛好者來說是非常實用的。

11.查看和編輯本地文件

事實上我們可以用chrome來查看本地文件,只要把相關(guān)目錄拖到chrome瀏覽器中即可。

12.選擇下一個匹配項

當(dāng)在Sources標(biāo)簽下編輯文件時,按下Ctrl + D (Cmd + D) ,當(dāng)前選中的單詞的下一個匹配也會被選中,有利于你同時對它們進行編輯。

13.可視化的DOM陰影

eb瀏覽器在構(gòu)建如文本框、按鈕和輸入框一類元素時,其它基本元素的視圖是隱藏的。不過,你可以在Settings -> General?中切換成Show user agent shadow DOM,這樣就會在元素標(biāo)簽頁中顯示被隱藏的代碼。甚至還能多帶帶設(shè)計他們的樣式,這給你了很大的控制權(quán)。

這點特性在我的另一篇博文中有提到,當(dāng)時遇到問題時找了半天才發(fā)現(xiàn)原因,如果早點能知道chrome的這個特性,我相信必定會節(jié)省不少時間。

原文鏈接: http://www.cnblogs.com/liyunh...

閱讀更多

(Android)面試題級答案(精選版)

分享一份非常強勢的Android面試題

分享我學(xué)習(xí)Java后臺的三個總結(jié)

堅持:學(xué)習(xí)Java后臺的第一階段,我學(xué)習(xí)了那些知識

如果你有什么問題,歡迎隨時來聊我!

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/76888.html

相關(guān)文章

  • Vim 的哲學(xué)(一)

    摘要:之所以能卓爾不群靠地就是一種自成一派且精悍有效的編輯器哲學(xué)當(dāng)然也是,就好像網(wǎng)游千千萬卻唯有一覽眾山小,那靠地不是技巧與外在,而是與眾不同的世界觀。征服其實是一種領(lǐng)悟,我融入了的哲學(xué)而已。這也是好東西,它比上一個更貼近的哲學(xué)。 就在幾個小時以前,我回答了一個關(guān)于推薦開發(fā)工具的問題,很多朋友表示喜歡和鼓勵,非常感謝!我也很想多寫一些細(xì)節(jié),于是便起意開一個系列來聊聊我多次提到的 Vim。 ...

    honhon 評論0 收藏0
  • 來玩玩chrome擴展

    摘要:很多人還是對有偏見呀,覺得只能寫寫網(wǎng)頁。比如看看的,一個只有游覽器的本子已經(jīng)可以擔(dān)負(fù)起大部分用戶的日常需求了,其實的擴展和應(yīng)用都很容易,會的很快能上手。前幾天偶然翻到一本擴展及應(yīng)用開發(fā),寫的很好,而且也免費。來到這個有趣的星球已經(jīng)天 很多人還是對javascript有偏見呀,覺得只能寫寫網(wǎng)頁。其實現(xiàn)在整個互聯(lián)網(wǎng)包括軟件行業(yè)都在強調(diào)快速迭代,而很多產(chǎn)品都是全平臺的,所以跨平臺是個很大的優(yōu)...

    ?xiaoxiao, 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<