2023-11-19 分類: 網(wǎng)站建設(shè)
谷歌Chrome瀏覽器是網(wǎng)絡(luò)上可用的最好瀏覽器之一,并且自2011年11月超越了Firefox瀏覽器之后,已經(jīng)成為了互聯(lián)網(wǎng)上占主導(dǎo)地位的瀏覽器。今天,成都網(wǎng)站設(shè)計(jì)HTML5中國與大家分享一些實(shí)用的谷歌Chrome瀏覽器擴(kuò)展,可以助我們有效提高工作效率.
現(xiàn)階段,成都網(wǎng)站設(shè)計(jì)師的網(wǎng)站再好也得借助于和服從于各大瀏覽器和搜索引擎才能夠設(shè)計(jì)出好的網(wǎng)站,那么成都網(wǎng)站設(shè)計(jì)公司-創(chuàng)新互聯(lián)給大家談?wù)劕F(xiàn)階段谷歌Chrome瀏覽器的秘密。
Devtools Terminal?——瀏覽器終端。牛逼的不得了!
LiveReload——為官方LiveReload應(yīng)用程序(Mac和Windows)和第三方,例如guard-livereload和yeoman,提供Chrome瀏覽器集成。能夠制定合理的成都網(wǎng)站設(shè)計(jì)公司作品的推廣和優(yōu)化規(guī)則。
browserStack Local?——本地測試app可以讓你即刻配置和測試本地/內(nèi)部服務(wù)器,和包括HTML、CSS和JavaScript文件在內(nèi)的本地文件夾。在browserStack上的安全云設(shè)置中測試布局,工作流程和交互性,跨越700+個(gè)真正的臺式機(jī)和移動瀏覽器。
JSONView?——驗(yàn)證和查看JSON文件。
postman——用postman為ApI工作流程增加負(fù)荷!更快地構(gòu)建,測試,并記錄你的ApI。已經(jīng)不止一百多萬的開發(fā)人員投入了postman的懷抱。
Window Resizer——該擴(kuò)展可以重新調(diào)整瀏覽器窗口的大小,以仿效各種不同的分辨率。對網(wǎng)頁設(shè)計(jì)師和開發(fā)人員尤其有用,可以幫助測試在不同瀏覽器分辨率下的布局。
WhatFont——識別網(wǎng)頁上的字體最簡單的方法。
page Ruler——畫一把尺子以得到像素維數(shù)和定位,并測量任何網(wǎng)頁上的元素。
Web Developer Checklist?——對于那些想要確保遵循最佳實(shí)踐的web開發(fā)人員,這個(gè)擴(kuò)展可以讓你很容易發(fā)現(xiàn)自己網(wǎng)站的問題域。
Image Downloader——瀏覽和下載網(wǎng)頁上的圖像。
Alexa Traffic Rank?——Alexa Traffic Rank是Alexa Internet提供的免費(fèi)的Chrome擴(kuò)展,并且是Alexa流量面板的唯一擴(kuò)展。這款A(yù)lexa擴(kuò)展可以在你網(wǎng)上沖浪的時(shí)候陪伴你,提供有關(guān)你訪問的網(wǎng)站的Alexa數(shù)據(jù),并且不會中斷你瀏覽網(wǎng)站。
Eye Dropper?——Eye Dropper是開源擴(kuò)展,它可以讓你從網(wǎng)頁,拾色器和個(gè)人色彩歷史中選取顏色。
Firebug Lite? ——Firebug Lite并非Firebug或Chrome Developer Tools的替代品。它是使用這些工具時(shí)也可以一起使用的工具。Firebug Lite提供了豐富的視覺表現(xiàn),這些視覺表現(xiàn)也是我們在Firebug 中,涉及HTML元素,DOM元素,以及盒模型陰影(box Model shading)時(shí)慣常見到的。它還提供了一些很酷的功能,比如用鼠標(biāo)檢查HTML元素,以及實(shí)時(shí)編輯CSS屬性。
Web Developer?——添加了一個(gè)擁有各種web開發(fā)工具的工具欄按鈕。是Firefox web開發(fā)擴(kuò)展的官方端口。
Responsive Inspector?——?Responsive Inspector是一個(gè)簡單的谷歌Chrome瀏覽器擴(kuò)展,它允許查看被訪問網(wǎng)站的媒體查詢。這在開發(fā)響應(yīng)式網(wǎng)絡(luò)布局時(shí)非常有用,因?yàn)樗梢灾庇^地顯示在CSS樣式表中定義了什么分辨率。
builtWith?——使用該擴(kuò)展,可以找出你正在訪問的網(wǎng)站是用什么構(gòu)建的。
Corporate Ipsum?——作為填充文本使用,生成隨機(jī)的企業(yè)**說辭。
User-Agent Switcher?——模擬用戶代理(User-Agent)字符串。有了這個(gè)擴(kuò)展,你就可以快速輕松地在用戶代理字符串之間進(jìn)行切換。此外,你還可以設(shè)置每次要冒名的特定URL。
YSlow?——YSlow分析網(wǎng)頁,并提出如何在一套高性能web頁面規(guī)則的基礎(chǔ)上改進(jìn)性能。YSlow在三個(gè)預(yù)定義規(guī)則之一或一個(gè)用戶定義的規(guī)則集的基礎(chǔ)上將網(wǎng)頁分等級。它提供了改進(jìn)頁面性能的建議,總結(jié)了網(wǎng)頁頁面的組件,顯示了關(guān)于頁面的統(tǒng)計(jì)信息。
CSS Shapes Editor?——使用交互式編輯器來創(chuàng)建并調(diào)整CSS Shape值,重疊所選元素。
pesticide?——這個(gè)擴(kuò)展可以插入pesticide CSS到當(dāng)前頁,形成每個(gè)元素的示意圖以便于更好地看到它們在頁面上的位置。
Responsive Web Design Tester?——在移動設(shè)備上測試移動網(wǎng)站。此擴(kuò)展反映了移動設(shè)備的大小和它的瀏覽器。
palettab——將超棒的顏色和字體帶給新的標(biāo)簽頁!每次點(diǎn)擊新標(biāo)簽按鈕,都會給你一點(diǎn)點(diǎn)新鮮。
jQuery Audit?——jQuery Audit在元素面板中創(chuàng)建了一個(gè)側(cè)邊欄,包含jQuery的下放事件,內(nèi)部數(shù)據(jù)等,就像活躍的DOM節(jié)點(diǎn),函數(shù)和對象。
Font Changer——改變Facebook、Twitter、Google、Youtube和其他任何網(wǎng)站的字體。測試Google Web Fonts?。那么成都網(wǎng)站設(shè)計(jì)師們就能夠輕而易舉的在網(wǎng)站上面設(shè)計(jì)優(yōu)美的藝術(shù)字體咯。
HTML5 Outliner——用標(biāo)題和分節(jié)元素生成一個(gè)可導(dǎo)航的頁面大綱,用于網(wǎng)站設(shè)計(jì)的框架搭配。
perfectpixel?——此擴(kuò)展允許開發(fā)人員把一個(gè)半透明的圖像疊加到已開發(fā)好的HTML的頂部,并在它們之間執(zhí)行每個(gè)像素的比較,用于成都網(wǎng)站設(shè)計(jì)的圖片和顏色搭配。
SelectorGadget?——Selector Gadget 是一個(gè)開源的Chrome瀏覽器擴(kuò)展,能夠讓CSS選擇器輕而易舉地生成和發(fā)現(xiàn)于復(fù)雜網(wǎng)站。
Stylebot——瞬間改變網(wǎng)站的外觀。
有了這些秘密武器,各位成都網(wǎng)站設(shè)計(jì)師們,還愁不能依據(jù)谷歌Chrome瀏覽器而設(shè)計(jì)出非常好的網(wǎng)站么?哈哈,對你們一定有用的。
標(biāo)題名稱:成都網(wǎng)站設(shè)計(jì)之前端程序員必知的30個(gè)Chrome擴(kuò)展
URL鏈接:http://m.newbst.com/news0/295250.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、網(wǎng)站排名、軟件開發(fā)、動態(tài)網(wǎng)站、網(wǎng)站營銷、網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容