Så här aktiverar du Chrome DevTools App för fjärrfelsökning
Chrome DevTools App skapades av Kenneth Auchenberg i ett försök att ta bort devtools ur webbläsaren - i det här fallet ur Chrome-webbläsaren. Denna applikation är byggd baserat på NW.js och kan köras på Mac OS X såväl som på Linux och Windows.
Det finns många anledningar som bad tillverkaren att skapa detta men hans vision består av att ge utvecklare bekvämligheten av fjärrfelsökning på flera webbläsare, allt från samma enhetliga plattform (app). Idén kommer att ta lite tid att fånga och materialisera på grund av olika orsaker (och motstånd, som du kan läsa på på sin blogg).
Vi tar en kort titt på Chrome DevTools App och ser vad Google har att erbjuda utvecklare.
Mer om Hongkiat:
- Komma igång med Chrome Developer Tools
- 5 (Mer) Användbara Chrome DevTools Tips för utvecklare
- Så här anpassar du temat för Google Chrome DevTools
Installation
Hämta Chrome-Devtools.app.zip och extrahera den. Dubbelklicka för att köra. Starta din Chrome-webbläsare och aktivera fjärrfelsökning.
För att göra detta på Mac öppnar du terminalen och kör kommandot nedan:
sudo / Applikationer / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222
Om du kör fönster öppnar du Kommandotolken och använder det här kommandot:
starta chrome.exe -remote-debugging-port = 9222
Hur man använder
När din Chrome är redan öppen, kan fjärrfelsökningsfunktionen aktiveras, och du kan nu bläddra till vilken webbplats som helst. Till exempel öppnade vi Hongkiat.com för denna övning. Därefter går vi över till appletern Chrome DevTools, och uppdatera den här listan (knappen är längst ner till höger).
Nu kommer du att se länken Hongkiat.com (som visas nedan).
Nu klicka på "Gå" -knappen. Du kommer att tas till ett nytt fönster. Det är allt. Du har Chrome DevTools-appen igång redan. Det du ser här är detsamma som när du inspekterar elementet på Chrome-webbläsaren.
Och här kan du använda Chrome DevTools-appen precis som att använda DevTools på Chrome. Du kan inspektera DOM-elementet, felsöka JavaScript, arbeta med konsolen och mer.
Vad kommer härnäst?
Den här appen är fortfarande mycket experimentell. Men för tillfället tillåter idén att ta DevTool ut av Chrome utvecklare att behandla appen som en funktionell editor och arbeta med andra runtime som node.js och iOS. För fler möjligheter kan du kolla Auchenbergs tänkande här.
