Debuggable Browser

David Pertiller

ഈ ആപ്പിനെക്കുറിച്ച്

അതെന്താണ്?
നിങ്ങളുടെ വെബ് ആപ്ലിക്കേഷൻ നിങ്ങളുടെ യഥാർത്ഥ ഉപകരണത്തിൽ പ്രവർത്തിക്കുമ്പോൾ പരിശോധിക്കാനും ഡീബഗ്ഗ് ചെയ്യാനും ക്രോമിന്റെ ഡവലപ്പർ ഉപകരണങ്ങൾ (നിങ്ങളുടെ പിസി അല്ലെങ്കിൽ മാക്കിൽ പ്രവർത്തിക്കുന്നു) ഉപയോഗിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ഒരു ഡീബഗ് പ്രാപ്തമാക്കിയ വെബ് കാഴ്‌ച.

വെബ് ഡെവലപ്പർമാർക്കും വെബ് ഡിസൈനർമാർക്കും മാത്രം ലക്ഷ്യമിടുന്നു
Android ഉപയോക്താക്കൾക്ക് അവരുടെ വെബ് അപ്ലിക്കേഷന്റെ മികച്ച ഉപയോക്തൃ അനുഭവം എത്തിക്കാൻ ലക്ഷ്യമിട്ടുള്ള വെബ് ഡെവലപ്പർമാർക്കാണ് ഈ അപ്ലിക്കേഷൻ നിർമ്മിച്ചിരിക്കുന്നത്. നിങ്ങൾ ഒരു വെബ് ഡെവലപ്പർ അല്ലെങ്കിൽ വെബ് ആപ്ലിക്കേഷനുകൾ ഡീബഗ്ഗ് ചെയ്യാൻ താൽപ്പര്യമുള്ള വെബ് ഡിസൈനർ അല്ലെങ്കിൽ, നിങ്ങൾ ഒരു സാധാരണ ബ്ര browser സറിനൊപ്പം മികച്ചതായിരിക്കും;)


എന്താണ് ഇതിന്റെ ഉപയോഗം?
നിങ്ങൾ എപ്പോഴെങ്കിലും Android സ്റ്റോക്ക് ബ്ര browser സറിൽ നിങ്ങളുടെ വെബ്സൈറ്റ് തുറക്കുകയും ഇനിപ്പറയുന്ന പ്രശ്നങ്ങളിലൊന്ന് നേരിടുകയും ചെയ്തിട്ടുണ്ടെങ്കിൽ, ഈ അപ്ലിക്കേഷൻ നിങ്ങൾക്ക് ഉപയോഗപ്രദമാണെന്ന് തെളിയിക്കാം:
& # 8226; & # 8195; Android സ്റ്റോക്ക് ബ്ര browser സറിൽ കാണുമ്പോൾ നിങ്ങളുടെ വെബ്‌സൈറ്റിന്റെ ലേ layout ട്ട് അല്ലെങ്കിൽ സ്റ്റൈലിംഗ് തകർന്നതായി തോന്നുന്നു.
& # 8226; & # 8195; നിങ്ങളുടെ ജാവാസ്ക്രിപ്റ്റ് കോഡ് പ്രതീക്ഷിച്ച ഫലം നൽകിയില്ല അല്ലെങ്കിൽ എക്സിക്യൂഷൻ സമയത്ത് കണക്കുകൂട്ടൽ പെട്ടെന്ന് നിർത്തിയിരിക്കണം (ഒരു ഒഴിവാക്കൽ എറിയപ്പെട്ടോ?)
& # 8226; & # 8195; ആനിമേഷനുകൾ മന്ദഗതിയിലാണ് അല്ലെങ്കിൽ പ്രതീക്ഷിച്ചപോലെ ആനിമേറ്റുചെയ്യരുത്

വിവരണം
ഡെസ്‌ക്‌ടോപ്പ് ബ്രൗസറുകളിൽ ഒരു വെബ് അപ്ലിക്കേഷൻ മികച്ച രീതിയിൽ പ്രവർത്തിക്കുന്നുണ്ടെങ്കിലും ചില സമയങ്ങളിൽ ഇത് സംഭവിക്കുന്നു. അതിലും മോശമാണ്, ചിലപ്പോൾ (ചില) മൊബൈൽ ഉപകരണങ്ങളിൽ മാത്രമേ വൈകല്യങ്ങൾ ഉണ്ടാകൂ, അതിനാൽ നിങ്ങൾക്ക് ഇത് ഡെസ്ക്ടോപ്പ് ബ്ര .സറിൽ അനുകരിക്കാനും പുനർനിർമ്മിക്കാനും കഴിയില്ല. ഇവിടെയാണ് Chrome- ന്റെ DevTools ഉപയോഗിച്ച് വിദൂര ഡീബഗ്ഗിംഗ് ഉപയോഗപ്രദമെന്ന് തെളിയിക്കുന്നത്. Android- നായുള്ള Chrome ഇതിനെ ഇതിനകം തന്നെ പിന്തുണയ്‌ക്കുന്നുണ്ടെങ്കിലും, Android സ്റ്റോക്ക് ബ്രൗസർ പിന്തുണയ്‌ക്കുന്നില്ല. ഇത് നിർഭാഗ്യകരമാണ്, കാരണം ധാരാളം Android ബഗുകൾ സ്റ്റോക്ക് ബ്ര browser സറിൽ മാത്രമേ സംഭവിക്കുന്നുള്ളൂ, എന്തായാലും Chrome- ൽ അല്ല.
അതിനാൽ, ഈ അവസരം നിങ്ങൾക്ക് നേറ്റീവ് ബ്ര browser സറിനുള്ളിൽ (വെബ്‌വ്യൂ) വെബ് സൈറ്റുകൾ പ്രവർത്തിപ്പിക്കാൻ അനുവദിക്കുന്നു. Chrome DevTools ഉപയോഗിച്ച് പേജ് പരിശോധിച്ച് ഡീബഗ് ചെയ്യുക.

വിദൂര ഡീബഗ്ഗിംഗ് എങ്ങനെ ആരംഭിക്കാം?
1. നിങ്ങളുടെ Android ഉപകരണത്തിൽ ഡവലപ്പർ മോഡ് പ്രവർത്തനക്ഷമമാക്കി നിങ്ങളുടെ പിസി / മാക്കിലേക്ക് കണക്റ്റുചെയ്യുക
2. ഈ അപ്ലിക്കേഷൻ തുറന്ന് അതിന്റെ URL നൽകി നിങ്ങളുടെ വെബ്‌സൈറ്റിലേക്ക് നാവിഗേറ്റുചെയ്യുക
3. നിങ്ങളുടെ പിസി / മാക്കിൽ, ക്രോം തുറന്ന് വിലാസ ബാറിൽ "ക്രോം: // പരിശോധിക്കുക" എന്ന് ടൈപ്പുചെയ്യുക
4. Chrome- ൽ, "യുഎസ്ബി ഉപകരണങ്ങൾ കണ്ടെത്തുക" പരിശോധിക്കുക, അത് നിങ്ങളുടെ ഉപകരണത്തിൽ തുറന്ന വെബ് പേജ് ലിസ്റ്റുചെയ്യും
5. Chrome ഡവലപ്പർ ഉപകരണങ്ങൾ ഉപയോഗിച്ച് അപ്ലിക്കേഷൻ പരിശോധിച്ച് വിദൂര ഡീബഗ്ഗിംഗ് ആസ്വദിക്കുക

കൂടുതൽ വിവരങ്ങൾക്ക്, വായിക്കുക: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser

പുതിയതെന്താണ്

Integrated your feedback

- It's been exactly 1 year since the last release and I noticed that this app led to some confusion for a lot of people that misunderstood its use-case: it's built for web developers who want to optimize their web app with the power of Chrome's dev tools while running the page on an actual Android device (see updated notes).
- Besides, I got some lovely suggestions. So now you can start the app as intent from another app to start debugging a weblink right away!