Категории

    Новости

    Тонгкат Али
    http://silverfox.in.ua/product-tag/tongkat-ali/ (англ. Long Jack, Tongkat Ali) – это средство, в основном используемое спортсменами для повышения уровня тестостерона и серьезных силовых нагрузках. Но

    Иван Айвазовский
      этой (Ованес Айвазян, Иван Гайвазовский, Aivazovsky, Ivan. 1817-1900), –   русский живописец, мастер морского пейзажа (маринист). Популярнейшие картины Айвазовского - “Радуга” (1873 г. ), “Чёрное

    Изменение фона в шаблоне Joomla
    6. Сейчас колдуем с CSS так, чтоб было похоже на данный макет. Поехали: Я заключил меню в блочный элемент levoe-menu: Таким макаром, Joomla генерирует последующий код: Основная Сырье Аддитивы Диоксид

    Как быстро перенести сайт на Joomla Часть 2 Восстановление из резервной копии
    Как запустить цикл? У меня на данный момент выводит одну и туже картину либо просто "i" $q ="SELECT vm.`file_url_thumb` FROM `#__virtuemart_medias` vm LEFT JOIN `#__virtuemart_product_medias` vpm ON vpm.`virtuemart_media_id`

    Анализ сайта яндекс
    Продвижение веб-сайта в ТОП Yandex'а и Google (других поисковых машин) - главная цель для хоть какого вебмастера либо оптимизатора. В попытке закрепить собственный ресурс на фаворитных позициях выдачи

    Материнские платы на 2 процессора
    Для тех у кого нет времени, чтоб прочесть всю статью, я сразу даю рекомендуемые модели материнских плат под различные микропроцессоры. На сей день оптимальными по соотношению стоимость/качество являются

    Обозначение смайликов в картинках
    Здрасти, читатели блога Веб-сайт с нуля. Доводилось ли вам думать над тем, что означают смайлы, которые вам прислали, и как на их ответить? Сталкивались ли с необходимостью выразить свои эмоции очень

    Форд мондео ремонт
    На Форд Мондео ремонт силовых агрегатов случается довольно изредка, так как моторы южноамериканского производителя обычно надежны и долговечны. Особенного внимания стоит 2, 5л бензиновый вариант, снаряженный

    Процессоры intel socket 775
    Сокет (socket) микропроцессора - разъем, место на материнской плате компьютера куда вставляется микропроцессор. Микропроцессор, до того как он будет установлен в материнскую плату, должен подходить ей

Полезные материалы

Kami menggunakan Chrome DevTools tentang

  1. Edit elemen HTML dengan cepat
  2. Perluas semua elemen anak
  3. Relokasi inspektur
  4. Pencarian elemen DOM
  5. Palet
  6. Banyak kursor
  7. Encode gambar base64
  8. Peralihan kelas semu
  9. Pemilihan kolom
  10. Salin permintaan untuk CURL
  11. Keyboard layar
  12. Tangkapan layar seluruh halaman
  13. Emulasi perangkat sentuh
  14. Fitur yang berguna

Seperti namanya, Chrome DevTools, atau inspektur web, adalah alat yang dirancang untuk pengembang web dan orang-orang yang terkait dengannya. Inspektur web memungkinkan Anda melakukan hal berikut:

  • Periksa kebenaran tampilan.
  • Lacak eksekusi skrip dalam JavaScript.
  • Lihat aktivitas jaringan.

Saat menulis artikel ini saya gunakan Kenari - versi Chrome, tempat fitur baru diuji, yang kemudian jatuh ke versi stabil Chrome.

Untuk memulai inspektur, Anda dapat mengklik kanan di mana saja pada halaman dan memilih "Lihat kode barang", Anda juga dapat cukup menekan Ctrl + Shift + C.

Edit elemen HTML dengan cepat

Mari kita mulai dengan yang paling sederhana: elemen pengeditan.

Mari kita mulai dengan yang paling sederhana: elemen pengeditan

Cara memeriksa:

  • Pilih tab Elemen.
  • Pilih elemen HTML apa pun di dalam panel.
  • Klik dua kali pada tag dan ubah, misalnya, nama tag.

Ketika pengeditan selesai, tag penutup akan secara otomatis diperbarui.

Perluas semua elemen anak

Cara memeriksa:

  • Buka panel Elemen.
  • Pilih elemen dan, sambil menahan Alt, klik panah di sebelah kiri elemen.

Relokasi inspektur

Panel inspektur dapat ditekan ke bagian bawah jendela browser dan ke sisi kanan. Misalnya, lokasi panel di sebelah kanan nyaman ketika bekerja pada monitor layar lebar. Selain itu, panel inspektur dapat ditempatkan di jendela terpisah dan, misalnya, dipindahkan ke monitor lain.

Selain itu, panel inspektur dapat ditempatkan di jendela terpisah dan, misalnya, dipindahkan ke monitor lain

Cara memeriksa:

  • Ctrl + Shift + D - Mengganti Lokasi

Pencarian elemen DOM

Mungkin tidak banyak untuk siapa ini akan menjadi penemuan, tetapi di tab "Elemen" Anda dapat mencari berdasarkan DOM.

Mungkin tidak banyak untuk siapa ini akan menjadi penemuan, tetapi di tab Elemen Anda dapat mencari berdasarkan DOM

Cara memeriksa:

  • Tekan Ctrl + F dan masukkan permintaan pencarian yang diajukan.

Palet

Pilih warna dari palet

Pilihan warna di Chrome versi terbaru telah mengalami beberapa perubahan: menambahkan dua palet untuk memudahkan pemilihan warna.

Banyak kursor

Gerakkan kursor dan, sambil menahan Ctrl, klik di area yang diinginkan untuk menambahkan kursor. Anda dapat membatalkan tindakan menggunakan Ctrl + U. Secara pribadi, saya tidak pernah berguna.

Encode gambar base64

Cara memeriksa:

  • Beralih ke panel Jaringan.
  • Pilih gambar
  • Klik kanan pada gambar dan pilih ""

Peralihan kelas semu

Kelas pseudo mencerminkan keadaan elemen dan posisi relatifnya.

Kelas pseudo mencerminkan keadaan elemen dan posisi relatifnya

Cara memeriksa:

  • Klik kanan pada elemen di panel Elemen dan pilih pseudo-kelas di daftar Force Element State.
  • Anda juga dapat memilih pseudo-class di sisi kanan panel Elements.

Pemilihan kolom

Cara memeriksa:

  • Buka panel "Sumber".
  • Pilih file apa saja.
  • Pilih teks dengan menahan Alt.

Memilih kolom juga berfungsi saat HTML diedit di panel Elemen.

Salin permintaan untuk CURL

Setiap permintaan di tab Network dapat disalin dan kemudian ditempelkan ke terminal untuk dieksekusi menggunakan curl.

Keyboard layar

Jika profil Nexus 5X dipilih, Anda dapat melihat tampilan situs saat keyboard di layar aktif.

Chrome DevTools: Keyboard Di Layar Chrome DevTools: Keyboard Di Layar

Tangkapan layar seluruh halaman

Ambil gambar seluruh halaman sangat sederhana. Hanya butuh ...

  1. Buka Inspektur.
  2. Pergi ke konsol.
  3. Tekan Ctrl + Shift + P
  4. Ketik "tangkapan layar"
  5. Pilih "Tangkap tangkapan layar ukuran penuh"
Tangkapan layar seluruh halaman

Emulasi perangkat sentuh

Anda juga dapat mensimulasikan beberapa sensor:

  • Layar sentuh
  • Koordinat untuk geolokasi
  • Akselerometer

Cara mencoba:

  • Pilih panel Elemen.
  • Tekan "Esc" dan pilih "Emulation> Sensors".

Fitur yang berguna

kunci dan nilai

Fungsi kunci dan nilai memungkinkan Anda untuk mengeluarkan kunci atau nilai objek ke konsol, masing-masing. Fungsi kunci dan nilai memungkinkan Anda untuk mengeluarkan kunci atau nilai objek ke konsol, masing-masing Menampilkan nilai kunci dan objek secara terpisah