Fitur DevTools yang Berguna untuk Penguji

Halo semuanya! Nama saya Misha, saya bekerja sebagai penguji manual, atau Manual QA - karena nyaman bagi siapa saja. Karena fakta bahwa pengujian manual berlaku dalam pekerjaan saya, saya sering menemukan konsol pengembang di browser (menurut saya sama dengan 99,9% penguji web). 

Ada banyak sumber di Internet tempat Anda dapat menemukan informasi tentang DevTools, baik untuk developer maupun penguji. Tentu saja, isi artikel tersebut sangat bervariasi tergantung pada fokusnya. Setelah mempelajari sejumlah besar materi semacam itu dan menyadari bahwa kami (penguji) kehilangan informasi :), saya memutuskan untuk menggunakan sumber utama untuk mempelajari alat pengembang secara lengkap. Memeriksa semua item dari menu besar, saya menulis sekitar 20 item untuk diri saya sendiri yang akan menarik (baca bermanfaat) bagi penguji. Saya harus segera mengatakan bahwa dalam artikel ini saya tidak akan memberi tahu Anda cara menggunakan alat ini atau itu, karena ini dijelaskan secara rinci dalam artikel yang akan dilampirkan pada masing-masing poin. Tujuan dari cerita saya adalah untuk mengisolasi dari daftar besar kapabilitas DevTools, tepatnya ituyang akan berguna bagi spesialis QA. Saya tidak berpura-pura menjadi objektivitas dan pengungkapan penuh topik, tetapi saya akan mencoba melakukannya. 

PS: Urutan item dalam daftar tidak menunjukkan kepentingannya.

1. Emulasi android dan ios, hubungkan android saat debugging.

   
   
   
   
   

   Bagi saya, saat ini sebagian besar perusahaan yang membuat produk untuk perangkat seluler memiliki armada perangkat yang diperlukan untuk pengujian penuh produk mereka. Namun, tidak semua orang menganggap perlu mengeluarkan uang untuk ini. Dan, kebutuhan untuk menguji produk Anda pada perangkat tertentu tidak selalu bergantung pada apakah produk ini dibuat untuk ponsel atau tidak. Dalam hal ini, ada kebutuhan untuk memeriksa situs mereka di perangkat seluler tanpa kehadiran fisik mereka. Kelemahan dari pendekatan ini adalah sebagian besar emulator ini bersifat komersial.  

   
   
   
   
   

   android, . , .

   
   
   
   
   

2. User-Agent.

   
   
   
   
   

   DevTools . () . , - , . User-Agent , - . , User-Agent .

   
   
   
   
   

   

3. JS .

   
   
   
   
   

   , . JS, . , , , , , , DevTools .

   
   
   
   
   

4. CSS .

   
   
   
   
   

   , - . . , (, , ..), , , “live” .

   
   
   
   
   

   

5. CSS Javascript .

   
   
   
   
   

   , web-. , “” , , , , , .

   
   
   
   
   

   

6. debug JavaScript.

   
   
   
   
   

   , - , . , , . . , JavaScript, , , . , , , . 3 Chrome. , , , .

   
   
   
   
   

7. Chrome .

   
   
   
   
   

   DevTools ( 65 ). , CSS , . , , , , .

   
   
   
   
   

8. .

   
   
   
   
   

   DevTools, , . , 90% , , , , , , , . , , .  .

   
   
   
   
   

   

9. Network.

   
   
   
   
   

   , DevTools . , .

   
   
   
   
   

   

10. .

    
    
    
    
    

    , . , , , .

    
    
    
    
    

11. .

    
    
    
    
    

    , , . , , , , .

    
    
    
    
    

    

12. cookies applications.

    
    
    
    
    

    Cookies - , , () , , -, . (, , ).

    
    
    
    
    

: 

( ), , , , : 

• shortcuts, chrome DevTools; 

  
  
  
  
  

• ; 

  
  
  
  
  

• ; 

  
  
  
  
  

• xhr ; 

  
  
  
  
  

• ; 

  
  
  
  
  

• JavaScript ; 

  
  
  
  
  

• , network.

  
  
  
  
  

Tentu saja, DevTools tidak terbatas pada fungsionalitas yang saya jelaskan di atas. Ada tab yang sangat menarik yang disebut kinerja dan audit, tetapi saya belum memuat informasi ini, karena saya menganggapnya sebagai topik untuk artikel terpisah, jika secara umum akan menarik untuk membaca dan berkenalan dengan tab ini di DevTools.

Terima kasih atas perhatiannya!