Uzaktan Hata Ayıklama için Chrome DevTools Uygulamasını Etkinleştirme
Chrome DevTools Uygulaması, Kenneth Auchenberg tarafından tarayıcıdan devtools almak amacıyla yaratılmıştır - bu durumda Chrome tarayıcısından çıkar. Bu uygulama NW.js tabanlıdır ve Mac OS X’in yanı sıra Linux ve Windows’ta da çalışabilir..
Yapıcıyı bunu yaratmaya iten birçok sebep var, ancak vizyonu geliştiricilere kolaylık sağlamaktan ibaret hepsi aynı birleşik platformdan (uygulama) birden fazla tarayıcıda uzaktan hata ayıklama. Fikir çeşitli nedenlerden dolayı (ve onun blogunda okuyabileceğiniz bir direnç) nedeniyle yakalanıp somutlaşmak için biraz zaman alacaktır..
Chrome DevTools Uygulamasına kısaca göz atacağız ve Google’ın geliştiricilere neler sunabileceğini göreceğiz.
Hongkiat hakkında daha fazlası:
- Chrome Geliştirici Araçları'na Başlarken
- 5 (Daha fazla) Faydalı Chrome DevTools Geliştiriciler için İpuçları
- Google Chrome DevTools teması nasıl özelleştirilir?
Kurulum
Chrome-Devtools.app.zip dosyasını indirin ve çıkarın. Çalıştırmak için çift tıklayın. Chrome Tarayıcınızı başlatın ve uzaktan hata ayıklamayı etkinleştirin.
Bunu Mac'te yapmak için terminali açın ve aşağıdaki komutu çalıştırın:
sudo / Uygulamalar / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222
Windows çalıştırıyorsanız, Komut İstemi'ni açın ve bu komutu kullanın:
chrome.exe başlatmak -remote-debugging-port = 9222
Nasıl kullanılır
Chrome'unuz zaten açıkken, uzaktan hata ayıklama özelliği etkin durumdayken, artık herhangi bir siteye göz atabilirsiniz. Örneğin, bu alıştırma için Hongkiat.com'u açtık. Sonra, Chrome DevTools uygulama penceresine gidiyoruz ve bu listeyi yenile (düğme sağ alt tarafta).
Şimdi Hongkiat.com linkini göreceksiniz (aşağıda gösterildiği gibi).
şimdi 'Git' düğmesine tıklayın. Yeni bir pencereye yönlendirileceksiniz. Bu kadar. Chrome DevTools uygulamasının zaten çalışıyor ve çalışıyor. Burada göreceğiniz şey, Chrome tarayıcısında "öğeyi incelediğiniz" ile aynı.
Buradan da Chrome'da DevTools uygulamasını, Chrome'da DevTools'u yerel olarak kullanmak gibi kullanabilirsiniz: DOM öğesini inceleyebilir, JavaScript hata ayıklayabilir, Konsol ile çalışabilir ve daha fazlasını yapabilirsiniz..
Sıradaki ne?
Bu uygulama hala çok deneysel. Ancak şimdilik DevTool’u Chrome’dan çıkarma fikri, geliştiricilerin uygulamayı işlevsel bir düzenleyici olarak görmesini ve node.js ve iOS gibi diğer çalışma süreleriyle çalışmasını sağlar. Daha fazla olasılık için Auchenberg'in düşünce trenini buradan inceleyebilirsiniz..