30 sambungan Chrome untuk pereka web dan dev

Pengarang: Monica Porter
Tarikh Penciptaan: 17 Mac 2021
Tarikh Kemas Kini: 17 Mungkin 2024
Anonim
7 Chrome Browser Extensions that will Save You Time!
Video.: 7 Chrome Browser Extensions that will Save You Time!

Kandungan

Alat Peranti Chrome sangat bagus, tetapi ada kemungkinan untuk menambahkan lebih banyak lagi ciri menarik pada penyemak imbas internet anda untuk memudahkan reka bentuk dan pembangunan web.

Sudah tentu, terdapat banyak alat lain untuk mempercepat, lihat siaran alat reka bentuk web kegemaran kami. Namun, buat masa ini, berikut adalah 30 sambungan Chrome kegemaran kami untuk pereka dan pembangun web.

01. Permudahkan Gmail

Sekiranya anda mendapati Gmail menjadi terlalu berantakan untuk kebaikannya, bertanya khabar kepada Simplify Gmail, yang menyapu semua serpihan dan keputusan UI buruk yang merasuknya selama beberapa tahun terakhir. Dicipta oleh bekas pereka utama Gmail, Michael Leggett, ia menghilangkan semua kekacauan yang mengganggu dan memberi anda versi yang lebih teliti dan berfungsi.

02. Spektrum


Buta warna semacam itu mempengaruhi kira-kira 200 juta orang di seluruh dunia, tetapi memenuhi keperluan mereka adalah senarai semak kebolehaksesan pereka. Namun, dengan Spectrum, anda dapat menguji laman web anda dengan cepat terhadap pelbagai jenis kekurangan penglihatan warna dan memastikan semuanya jelas.

03. Imbasan CSS 2.0

Alat Peranti Chrome adalah cara yang berguna untuk memeriksa di bawah bonet untuk melihat bagaimana laman web berfungsi, tetapi CSS Scan 2.0 lebih mudah jika CSS yang anda ingin lihat. Arahkan kursor ke mana-mana elemen dan CSSnya akan muncul dalam paparan pop-up, yang membolehkan anda menyalin peraturannya dalam satu klik. Anda boleh menggunakannya untuk menyalin elemen tertentu dari tema atau templat untuk disesuaikan untuk kegunaan anda sendiri, dan bagus untuk menyahpepijat kod anda sendiri.

04. Amino


Inilah satu lagi alat CSS yang hebat. Amino adalah penyunting CSS langsung yang membolehkan anda menghasilkan helaian gaya di penyemak imbas dan menerapkannya dalam masa nyata ke laman web. Dengan berkesan, anda dapat membuat perubahan reka bentuk tetap pada mana-mana laman web yang anda lawati, dan jika anda masuk ke Chrome dengan akaun Google anda, helaian gaya akan diselaraskan sehingga dapat diakses dari Chrome di semua perangkat desktop anda.

05. Sizzy

Reka bentuk web responsif diberikan pada masa ini, dan anda mahukan cara mudah untuk memeriksa reka bentuk anda di beberapa lapangan terbang, Sizzy patut dilihat. Ini akan menunjukkan kepada anda paparan interaktif halaman anda yang diberikan pada sejumlah ukuran skrin peranti yang berbeza, dan anda juga dapat menunjukkan dan menyembunyikan papan kekunci peranti simulasi, dan beralih antara mod potret dan landskap.

06. Palet Tapak


Kali berikutnya anda melihat laman web yang menggunakan warna dengan hebat, berikut adalah kaedah mudah untuk memanfaatkannya. Palet Tapak mengekstrak warna utama dari laman web dan menghasilkan palet yang boleh dikongsi yang dapat anda tunjukkan dengan mudah kepada kolaborator. Anda juga boleh memuat turun templat Sketsa, dan ada sokongan Adobe Swatch juga.

07. Checkbot

Memastikan semua pautan di laman web anda benar-benar berfungsi adalah kemenangan kebolehgunaan segera dan cara yang baik untuk meningkatkan SEO anda juga. Checkbot adalah pelanjutan Chrome yang memeriksa pautan yang rosak, tajuk pendua, rantai pengalihan, HTML / JS / CSS yang tidak sah dan banyak lagi, jadi anda dapat dengan cepat mengaudit laman web anda untuk melihat pautan yang tidak baik dan memperbaikinya.

08. Toby

Ini adalah kebenaran yang diakui secara universal bahawa pada masa anda membuka Chrome selama beberapa jam, ini akan menjadi sarang membingungkan selebar jari kelingking anda. Toby adalah kaedah yang baik untuk menjinakkan mereka; dengan itu anda boleh mengatur semua tab tersebut ke dalam koleksi pautan sebagai alternatif kepada banyak penanda halaman, menjadikannya lebih mudah diuruskan.

09. DomFlags

Mempercepat proses penggayaan elemen secara radikal dengan DomFlags, peluasan hebat yang membolehkan anda membuat pintasan papan kekunci untuk elemen DOM. Ia seperti mempunyai penanda halaman untuk menavigasi DOM; ini akan mengubah cara anda bekerja dengan DevTools.

10. Penyerlah Tinggi

Inilah kaedah menarik untuk membawa orang ke dalam perbincangan: Sangat membolehkan anda berkongsi sorotan dari artikel di web, sehingga anda dapat menarik perhatian kepada tulisan yang paling penting.

Seterusnya: 10 lagi sambungan Chrome

Popular Hari Ini
Cara Membuat Disk Reset Kata Laluan untuk Windows 8 / 8.1
Baca Lebih Lanjut

Cara Membuat Disk Reset Kata Laluan untuk Windows 8 / 8.1

Berbanding dengan Window 7, Window 8 mempunyai akaun baru bernama akaun Microoft. Dengan menetapkan akaun Microoft ebagai akaun mauk, banyak pengguna menghadapi atu maalah yaitu bagaimana menetapkan e...
Penukar PDF ke Word 9 teratas
Baca Lebih Lanjut

Penukar PDF ke Word 9 teratas

"aya eorang pelajar, guru aya memberi aya dokumen PDF untuk membuat eport lengkap jadi aya mahu menukar PDF itu menjadi Dokumen Word yang dapat diedit. Bantuan diperlukan !!!" Untuk mengumpu...
Cara Membuat USB Bootable Windows 10 dengan Sokongan UEFI
Baca Lebih Lanjut

Cara Membuat USB Bootable Windows 10 dengan Sokongan UEFI

etiap kali anda merancang untuk memaang pelepaan baru Window 10, atau walaupun anda ingin menyediakan item dual-boot, perkara pertama yang anda perlukan adalah buat UB Window bootable 10 untuk memulak...