Debuggable Browser

David Pertiller

ਇਸ ਐਪ ਬਾਰੇ

ਇਹ ਕੀ ਹੈ?
ਕੇਵਲ ਇੱਕ ਡੀਬੱਗ-ਸਮਰਥਿਤ ਵੈੱਬਵਿiew, ਤੁਹਾਨੂੰ << Chrome ਦੇ ਡਿਵੈਲਪਰ ਟੂਲਜ਼ (ਤੁਹਾਡੇ ਕੰਪਿ PCਟਰ ਜਾਂ ਮੈਕ ਉੱਤੇ ਚੱਲ ਰਹੇ) ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਇਜ਼ਾਜ਼ਤ ਦਿੰਦਾ ਹੈ ਜਦੋਂ ਇਹ ਤੁਹਾਡੇ ਅਸਲ ਐਪ ਤੇ ਚੱਲ ਰਿਹਾ ਹੈ, ਜਦੋਂ ਕਿ ਤੁਹਾਡੇ ਵੈਬ ਐਪ ਦੀ ਜਾਂਚ ਕਰਨ ਅਤੇ ਡੀਬੱਗ ਕਰਨ ਲਈ .

ਸਿਰਫ ਵੈਬ ਡਿਵੈਲਪਰਾਂ ਅਤੇ ਵੈੱਬ ਡਿਜ਼ਾਈਨਰਾਂ ਲਈ ਦਾ ਉਦੇਸ਼
ਇਹ ਐਪ ਉਨ੍ਹਾਂ ਵੈਬ ਡਿਵੈਲਪਰਾਂ ਲਈ ਬਣਾਈ ਗਈ ਸੀ ਜਿਨ੍ਹਾਂ ਦਾ ਉਦੇਸ਼ ਐਂਡਰਾਇਡ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਉਨ੍ਹਾਂ ਦੇ ਵੈਬ ਐਪ ਦਾ ਸਰਵਉਤਮ ਉਪਭੋਗਤਾ ਤਜ਼ਰਬਾ ਦੇਣਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਵੈਬ ਐਪਸ ਨੂੰ ਡੀਬੱਗ ਕਰਨ ਵਿੱਚ ਦਿਲਚਸਪੀ ਰੱਖਣ ਵਾਲੇ ਵੈਬ ਡਿਵੈਲਪਰ ਜਾਂ ਵੈੱਬ ਡਿਜ਼ਾਈਨਰ ਨਹੀਂ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਆਮ ਬ੍ਰਾ browserਜ਼ਰ ਨਾਲ ਵਧੀਆ ਹੋ ਸਕਦੇ ਹੋ;)


ਇਸ ਦੀ ਵਰਤੋਂ ਕੀ ਹੈ?
ਜੇ ਤੁਸੀਂ ਕਦੇ ਵੀ ਆਪਣੀ ਵੈੱਬ ਸਾਈਟ ਨੂੰ ਐਂਡਰਾਇਡ ਸਟਾਕ ਬਰਾ browserਜ਼ਰ ਵਿੱਚ ਖੋਲ੍ਹਿਆ ਹੈ ਅਤੇ ਹੇਠ ਲਿਖਿਆਂ ਵਿੱਚੋਂ ਕਿਸੇ ਇੱਕ ਮੁੱਦੇ ਦਾ ਸਾਹਮਣਾ ਕੀਤਾ ਹੈ, ਤਾਂ ਇਹ ਐਪ ਤੁਹਾਡੇ ਲਈ ਲਾਭਦਾਇਕ ਸਾਬਤ ਹੋ ਸਕਦੀ ਹੈ:
& # 8226; & # 8195; ਐਂਡਰਾਇਡ ਸਟਾਕ ਬਰਾ browserਜ਼ਰ ਵਿਚ ਵੇਖਣ ਤੇ ਤੁਹਾਡੀ ਵੈੱਬ ਸਾਈਟ ਦਾ ਲੇਆਉਟ ਜਾਂ ਸਟਾਈਲਿੰਗ ਟੁੱਟਿਆ ਹੋਇਆ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ
& # 8226; & # 8195; ਤੁਹਾਡੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕੋਡ ਦਾ ਅਨੁਮਾਨਿਤ ਨਤੀਜਾ ਨਹੀਂ ਨਿਕਲਿਆ ਜਾਂ ਗਣਨਾ ਅਚਾਨਕ ਚੱਲਣ ਦੌਰਾਨ ਰੁਕ ਗਈ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ (ਹੋ ਸਕਦਾ ਕਿ ਕੋਈ ਅਪਵਾਦ ਸੁੱਟਿਆ ਗਿਆ ਸੀ?)
& # 8226; & # 8195; ਐਨੀਮੇਸ਼ਨ ਥੋੜ੍ਹੇ ਹਨ ਜਾਂ ਉਮੀਦ ਅਨੁਸਾਰ ਚੁੱਪ ਨਹੀਂ ਕਰਦੇ

ਵੇਰਵਾ
ਇਹ ਕਈ ਵਾਰ ਹੁੰਦਾ ਹੈ ਕਿ ਇੱਕ ਵੈੱਬ ਐਪ ਮੋਬਾਈਲ ਬ੍ਰਾ browਜ਼ਰਾਂ ਤੇ ਕੰਮ ਨਹੀਂ ਕਰਦੀ, ਭਾਵੇਂ ਇਹ ਡੈਸਕਟੌਪ ਬ੍ਰਾsersਜ਼ਰਾਂ ਤੇ ਵਧੀਆ ਕੰਮ ਕਰ ਰਹੀ ਹੋਵੇ. ਇਸ ਤੋਂ ਵੀ ਭੈੜਾ, ਕਈ ਵਾਰੀ ਨੁਕਸ ਸਿਰਫ (ਕੁਝ) ਮੋਬਾਈਲ ਉਪਕਰਣ ਤੇ ਹੁੰਦੇ ਹਨ, ਇਸਲਈ ਤੁਸੀਂ ਇਸਨੂੰ ਡੈਸਕਟੌਪ ਬ੍ਰਾ .ਜ਼ਰ ਤੇ ਨਕਲ ਅਤੇ ਪ੍ਰਜਨਤ ਨਹੀਂ ਕਰ ਸਕਦੇ. ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਕ੍ਰੋਮ ਦੇ ਦੇਵਟੂਲਜ਼ ਨਾਲ ਰਿਮੋਟ ਡੀਬੱਗਿੰਗ ਲਾਭਦਾਇਕ ਸਾਬਤ ਹੁੰਦੀ ਹੈ. ਹਾਲਾਂਕਿ ਐਂਡਰਾਇਡ ਲਈ ਕ੍ਰੋਮ ਬਿਲਕੁਲ ਪਹਿਲਾਂ ਹੀ ਇਸਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਐਂਡਰਾਇਡ ਸਟਾਕ ਬਰਾ browserਜ਼ਰ ਅਜਿਹਾ ਨਹੀਂ ਕਰਦਾ. ਇਹ ਮੰਦਭਾਗਾ ਹੈ, ਕਿਉਂਕਿ ਬਹੁਤ ਸਾਰੇ ਐਂਡਰਾਇਡ ਬੱਗ ਸਿਰਫ ਸਟਾਕ ਬਰਾ browserਸਰ 'ਤੇ ਹੁੰਦੇ ਹਨ ਅਤੇ ਕਿਸੇ ਵੀ ਤਰ੍ਹਾਂ ਕ੍ਰੋਮ' ਤੇ ਨਹੀਂ ਜਾਪਦੇ.
ਤਾਂ ਇਹ ਐਪ ਤੁਹਾਨੂੰ ਵੈੱਬ ਬਰਾ sitesਟਸ (ਵੈੱਬਵਿV) ਦੇ ਅੰਦਰ ਚਲਾਉਣ ਦਿੰਦੀ ਹੈ, ਜਦਕਿ ਤੁਹਾਨੂੰ ਇਸ ਦੀ ਸੰਭਾਵਨਾ ਦਿੰਦੀ ਹੈ. ਕਰੋਮ ਦੇਵਟੂਲਜ਼ ਨਾਲ ਪੇਜ ਦੀ ਨਿਰੀਖਣ ਅਤੇ ਡੀਬੱਗ ਕਰੋ.

ਰਿਮੋਟ ਡੀਬੱਗਿੰਗ ਕਿਵੇਂ ਸ਼ੁਰੂ ਕੀਤੀ ਜਾਵੇ?
1. ਆਪਣੀ ਐਂਡਰਾਇਡ ਡਿਵਾਈਸ ਤੇ ਡਿਵੈਲਪਰ ਮੋਡ ਨੂੰ ਸਮਰੱਥ ਬਣਾਓ ਅਤੇ ਇਸਨੂੰ ਆਪਣੇ ਪੀਸੀ / ਮੈਕ ਨਾਲ ਕਨੈਕਟ ਕਰੋ
2. ਇਸ ਐਪ ਨੂੰ ਖੋਲ੍ਹੋ ਅਤੇ ਇਸਦਾ URL ਪਾ ਕੇ ਆਪਣੀ ਵੈੱਬ ਸਾਈਟ ਤੇ ਜਾਓ
3. ਆਪਣੇ ਪੀਸੀ / ਮੈਕ ਤੇ, ਕ੍ਰੋਮ ਖੋਲ੍ਹੋ ਅਤੇ ਐਡਰੈਸ ਬਾਰ ਵਿੱਚ "ਕ੍ਰੋਮ: // ਇੰਸਪੈਕਟ" ਟਾਈਪ ਕਰੋ
Chrome. ਕਰੋਮ ਵਿੱਚ, "ਯੂਐਸਬੀ ਉਪਕਰਣ ਲੱਭੋ" ਦੀ ਜਾਂਚ ਕਰੋ ਅਤੇ ਇਹ ਉਸ ਵੈਬ ਪੇਜ ਦੀ ਸੂਚੀ ਬਣਾਏਗਾ ਜੋ ਤੁਸੀਂ ਆਪਣੀ ਡਿਵਾਈਸ ਤੇ ਖੋਲ੍ਹਿਆ ਹੈ
5. ਕਰੋਮ ਡਿਵੈਲਪਰ ਟੂਲਸ ਨਾਲ ਐਪ ਨੂੰ ਰਿਮੋਟ ਡੀਬੱਗਿੰਗ ਦਾ ਨਿਰੀਖਣ ਕਰੋ ਅਤੇ ਅਨੰਦ ਕਰੋ

ਵਧੇਰੇ ਜਾਣਕਾਰੀ ਲਈ, ਪੜ੍ਹੋ: 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!