ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਡਿਵੈਲਪਰ ਟੂਲਜ਼ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

ਵੈਬ ਡਿਜ਼ਾਇਨਰ, ਡਿਵੈਲਪਰ ਅਤੇ ਟੈਸਟਰਾਂ ਲਈ ਇਨਟੈਗਰੇਟਿਡ ਟੂਲਸੈਟਸ

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

ਉਹ ਦਿਨ ਗਏ ਹਨ, ਜਿੱਥੇ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਅੰਦਰ ਕੇਵਲ ਇੱਕ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਤੇ ਟੈਸਟਿੰਗ ਟੂਲ ਮਿਲੇ ਹਨ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਇੱਕ ਪੇਜ ਦੇ ਸੋਰਸ ਕੋਡ ਨੂੰ ਵੇਖਣ ਅਤੇ ਕੁਝ ਹੋਰ ਨਹੀਂ ਵੇਖ ਸਕਦੇ. ਅੱਜ ਦੇ ਬ੍ਰਾਊਜ਼ਰ ਤੁਹਾਨੂੰ ਜਾੱਪਨ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਚਲਾਉਣ ਅਤੇ ਡੀਬੱਗ ਕਰਨ, ਡੀਐਮ ਤੱਤਾਂ ਦੀ ਸੰਪਾਦਨ ਅਤੇ ਸੰਪਾਦਨ ਕਰਨ, ਰੀਅਲ-ਟਾਈਮ ਨੈਟਵਰਕ ਟ੍ਰੈਫਿਕ ਦੀ ਨਿਰੀਖਣ ਕਰਨਾ ਜਿਵੇਂ ਕਿ ਤੁਹਾਡੀ ਐਪ ਜਾਂ ਪੇਜ ਲੋਡ, ਬੌਟਿਕਨ ਨੂੰ ਪਛਾਣਨ, CSS ਕਾਰਗੁਜ਼ਾਰੀ ਦਾ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰਨਾ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਕਿ ਤੁਹਾਡਾ ਕੋਡ ਬਹੁਤ ਜ਼ਿਆਦਾ ਮੈਮੋਰੀ ਜਾਂ ਬਹੁਤ ਸਾਰੇ CPU ਚੱਕਰਾਂ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਦੇ, ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ. ਇੱਕ ਜਾਂਚ ਦੇ ਦ੍ਰਿਸ਼ਟੀਕੋਣ ਤੋਂ, ਤੁਸੀਂ ਇੱਕ ਏਪ ਜਾਂ ਵੈਬ ਪੇਜ ਵੱਖ-ਵੱਖ ਬ੍ਰਾਉਜ਼ਰਾਂ ਦੇ ਨਾਲ ਨਾਲ ਵੱਖ ਵੱਖ ਡਿਵਾਈਸਾਂ ਅਤੇ ਪਲੇਟਫਾਰਮਾਂ ਤੇ ਜਵਾਬਦੇਹ ਡਿਜਾਈਨ ਦੇ ਜੰਤੂ ਅਤੇ ਬਿਲਟ-ਇਨ ਸਿਮੂਲੇਟਰਾਂ ਦੁਆਰਾ ਪੇਸ਼ ਕਰ ਸਕਦੇ ਹੋ. ਸਭ ਤੋਂ ਵਧੀਆ ਗੱਲ ਇਹ ਹੈ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਬਰਾਊਜ਼ਰ ਨੂੰ ਛੱਡਣ ਤੋਂ ਬਗੈਰ ਇਹ ਸਭ ਕੁਝ ਕਰ ਸਕਦੇ ਹੋ!

ਹੇਠਾਂ ਦਿੱਤੇ ਟਿਯੂਟੋਰਿਅਲ ਤੁਹਾਨੂੰ ਕਈ ਪ੍ਰਸਿੱਧ ਵੈਬ ਬ੍ਰਾਊਜ਼ਰਸ ਵਿਚ ਇਹਨਾਂ ਡਿਵੈਲਪਰ ਟੂਲਾਂ ਤੱਕ ਕਿਵੇਂ ਪਹੁੰਚਣਾ ਹੈ ਇਸ ਬਾਰੇ ਤੁਹਾਨੂੰ ਦੱਸਦੇ ਹਨ.

ਗੂਗਲ ਕਰੋਮ

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

1. Chrome ਦੇ ਮੁੱਖ ਮੀਨੂ ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ, ਜੋ ਤਿੰਨ ਹਰੀਜੱਟਲ ਲਾਈਨਾਂ ਨਾਲ ਚਿੰਨ੍ਹਿਤ ਹੈ ਅਤੇ ਬ੍ਰਾਉਜ਼ਰ ਦੇ ਉੱਪਰਲੇ ਸੱਜੇ-ਪਾਸੇ ਕੋਨੇ ਵਿੱਚ ਸਥਿਤ ਹੈ.
2. ਜਦੋਂ ਡ੍ਰੌਪ-ਡਾਉਨ ਮੀਨੂ ਵਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਆਪਣੇ ਮਾਉਸ ਕਰਸਰ ਨੂੰ ਹੋਰ ਟੂਲਸ ਵਿਕਲਪ ਤੇ ਰੱਖੋ.
3. ਇੱਕ ਸਬ-ਮੀਨੂ ਨੂੰ ਹੁਣ ਦਿਖਾਈ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ. ਵਿਕਾਸਕਾਰ ਟੂਲ ਲੇਬਲ ਵਾਲਾ ਵਿਕਲਪ ਚੁਣੋ. ਤੁਸੀਂ ਇਸ ਮੀਨੂ ਆਈਟਮ ਦੀ ਥਾਂ ਹੇਠਾਂ ਦਿੱਤੇ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕਟ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ: Chrome OS / Windows ( CTRL + SHIFT + I ), ਮੈਕ ਓਐਸ ਐਕਸ ( ALT (OPTION) + COMMAND + I )
4. ਜਿਵੇਂ ਕਿ ਇਸ ਉਦਾਹਰਨ ਸਕ੍ਰੀਨਸ਼ੌਟ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ, ਹੁਣ Chrome ਵਿਕਾਸਕਾਰ ਸੰਦ ਇੰਟਰਫੇਸ ਨੂੰ ਦਿਖਾਉਣਾ ਚਾਹੀਦਾ ਹੈ. ਤੁਹਾਡੇ Chrome ਦੇ ਸੰਸਕਰਣ ਤੇ ਨਿਰਭਰ ਕਰਦੇ ਹੋਏ, ਸ਼ੁਰੂਆਤੀ ਲੇਆਉਟ ਜੋ ਤੁਸੀਂ ਦੇਖਦੇ ਹੋ ਉਹ ਇੱਥੇ ਦਿੱਤੇ ਗਏ ਇੱਕ ਤੋਂ ਥੋੜ੍ਹਾ ਵੱਖਰਾ ਹੋ ਸਕਦਾ ਹੈ. ਡਿਵੈਲਪਰ ਟੂਲਾਂ ਦਾ ਮੁੱਖ ਕੇਂਦਰ, ਜੋ ਕਿ ਸਕਰੀਨ ਦੇ ਹੇਠਾਂ ਜਾਂ ਸੱਜੇ ਪਾਸੇ ਸਥਿਤ ਹੁੰਦਾ ਹੈ, ਵਿੱਚ ਹੇਠਲੀਆਂ ਟੈਬਾਂ ਹੁੰਦੀਆਂ ਹਨ.
   ਤੱਤ: CSS ਅਤੇ HTML ਕੋਡ ਦੀ ਨਿਰੀਖਣ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਅਤੇ ਨਾਲ ਹੀ ਸਿੱਧੇ ਤੌਰ ਤੇ CSS ਨੂੰ ਸੰਪਾਦਿਤ ਕਰ ਸਕਦੇ ਹੋ, ਰੀਅਲ ਟਾਈਮ ਵਿੱਚ ਤੁਹਾਡੇ ਬਦਲਾਵਾਂ ਦੇ ਪ੍ਰਭਾਵਾਂ ਨੂੰ ਦੇਖਦੇ ਹੋਏ.
   ਕੋਂਨਸੋਲ: Chrome ਦਾ JavaScript ਕੰਸੋਲ ਸਿੱਧਾ ਕਮਾਂਡ ਐਂਟਰੀ ਦੇ ਨਾਲ ਨਾਲ ਡਾਇਗਨੌਸਟਿਕ ਡੀਬਗਿੰਗ ਲਈ ਵੀ ਸਹਾਇਕ ਹੈ
   ਸਰੋਤ: ਤੁਹਾਨੂੰ ਸ਼ਕਤੀਸ਼ਾਲੀ ਗਰਾਫਿਕਲ ਇੰਟਰਫੇਸ ਦੁਆਰਾ ਜਾਵਾ-ਸਕ੍ਰਿਪਟ ਕੋਡ ਨੂੰ ਡੀਬੱਗ ਕਰਨ ਦਿੰਦਾ ਹੈ.
   ਨੈਟਵਰਕ: ਪੂਰੇ ਬੇਨਤੀ ਅਤੇ ਜਵਾਬ ਸਿਰਲੇਖ ਦੇ ਨਾਲ ਨਾਲ ਉੱਚਿਤ ਟਾਈਮਿੰਗ ਮੀਟਰਿਕਸ ਸਮੇਤ, ਸਰਗਰਮ ਕਾਰਜ ਜਾਂ ਪੰਨੇ 'ਤੇ ਹਰੇਕ ਸੰਬੰਧਿਤ ਆਪਰੇਸ਼ਨ ਦੇ ਬਾਰੇ ਵੇਰਵੇ ਸਹਿਤ ਜਾਣਕਾਰੀ ਦਰਸਾਉਂਦਾ ਹੈ.
   ਟਾਈਮਲਾਈਨ: ਜਿਵੇਂ ਹੀ ਕੋਈ ਪੰਨਾ ਜਾਂ ਐਪ ਲੋਡ ਬੇਨਤੀ ਦੀ ਸ਼ੁਰੂਆਤ ਹੋ ਜਾਂਦੀ ਹੈ, ਉਸੇ ਤਰ੍ਹਾਂ ਬ੍ਰਾਉਜ਼ਰ ਦੇ ਅੰਦਰ ਹਰ ਇੱਕ ਗਤੀਵਿਧੀ ਦਾ ਡੂੰਘਾਈ ਨਾਲ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ.
5. ਇਹਨਾਂ ਭਾਗਾਂ ਤੋਂ ਇਲਾਵਾ, ਤੁਸੀਂ ਟਾਈਮਲਾਈਨ ਟੈਬ ਦੇ ਸੱਜੇ ਪਾਸੇ ਸਥਿਤ >> ਆਈਕੋਨ ਰਾਹੀਂ ਹੇਠਾਂ ਦਿੱਤੀਆਂ ਸੰਦਾਂ ਨੂੰ ਵੀ ਐਕਸੈਸ ਕਰ ਸਕਦੇ ਹੋ.
   ਪ੍ਰੋਫਾਇਲ: CPU ਪਰੋਫਾਈਲਰ ਅਤੇ ਹਿਪ ਪ੍ਰੋਫਾਈਲਰ ਭਾਗਾਂ ਵਿੱਚ ਟੁੱਟ ਗਿਆ ਹੈ, ਵਿਆਪਕ ਮੈਮੋਰੀ ਵਰਤੋਂ ਅਤੇ ਸਰਗਰਮ ਐਪਲੀਕੇਸ਼ਨ ਜਾਂ ਪੰਨੇ ਦੇ ਸਮੁੱਚੇ ਚੱਲਣ ਦਾ ਸਮਾਂ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ.
   ਸੁਰੱਖਿਆ: ਸਰਗਰਮ ਪੇਜ ਜਾਂ ਐਪਲੀਕੇਸ਼ਨ ਨਾਲ ਸਰਟੀਫਿਕੇਟ ਦੀਆਂ ਸਮੱਸਿਆਵਾਂ ਅਤੇ ਹੋਰ ਸੁਰੱਖਿਆ ਨਾਲ ਜੁੜੇ ਮੁੱਦਿਆਂ ਨੂੰ ਹਾਈਲਾਈਟ ਕਰਦਾ ਹੈ.
   ਸਰੋਤ: ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ ਕੂਕੀਜ਼, ਸਥਾਨਕ ਸਟੋਰੇਜ, ਐਪ ਕੈਚ ਅਤੇ ਮੌਜੂਦਾ ਵੈਬ ਪੇਜ ਜਾਂ ਐਪਲੀਕੇਸ਼ਨ ਦੁਆਰਾ ਵਰਤੇ ਜਾਂਦੇ ਹੋਰ ਸਥਾਨਕ ਡਾਟਾ ਸਰੋਤਾਂ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ.
   ਆਡਿਟ: ਇੱਕ ਪੇਜ ਜਾਂ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲੋਡ ਸਮੇਂ ਅਤੇ ਆਮ ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਅਨੁਕੂਲ ਕਰਨ ਦੇ ਤਰੀਕੇ ਪੇਸ਼ ਕਰਦਾ ਹੈ.
6. ਡਿਵਾਈਸ ਮੋਡ ਤੁਹਾਨੂੰ ਇੱਕ ਸਿਮੂਲੇਟਰ ਵਿੱਚ ਸਰਗਰਮ ਪੰਨੇ ਨੂੰ ਦੇਖਣ ਦੀ ਇਜ਼ਾਜਤ ਦਿੰਦਾ ਹੈ ਜੋ ਇਸ ਨੂੰ ਬਿਲਕੁਲ ਸਹੀ ਤਰਾਂ ਪੇਸ਼ ਕਰਦਾ ਹੈ ਕਿਉਂਕਿ ਇਹ ਇੱਕ ਡਵੀਜ਼ਨ ਤੋਂ ਵੱਧ ਡਿਵਾਈਸਿਸ ਉੱਤੇ ਦਿਖਾਈ ਦੇਵੇਗੀ, ਜਿਸ ਵਿੱਚ ਕਈ ਮਸ਼ਹੂਰ Android ਅਤੇ IOS ਮਾਡਲਾਂ ਜਿਵੇਂ ਕਿ ਆਈਪੈਡ, ਆਈਫੋਨ, ਅਤੇ ਸੈਮਸੰਗ ਗਲੈਕਸੀ ਸ਼ਾਮਲ ਹਨ. ਤੁਹਾਨੂੰ ਆਪਣੇ ਖਾਸ ਵਿਕਾਸ ਜਾਂ ਟੈਸਟਾਂ ਦੀਆਂ ਜ਼ਰੂਰਤਾਂ ਅਨੁਸਾਰ ਫਿੱਟ ਕਰਨ ਲਈ ਕਸਟਮ ਸਕ੍ਰੀਨ ਰੈਜ਼ੋਲੂਸ਼ਨ ਦੀ ਨਕਲ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਵੀ ਦਿੱਤੀ ਗਈ ਹੈ. ਡਿਵਾਈਸ ਮੋਡ ਨੂੰ ਚਾਲੂ ਅਤੇ ਬੰਦ ਕਰਨ ਲਈ, ਐਲੀਮੈਂਟਸ ਟੈਬ ਦੇ ਖੱਬੇ ਪਾਸੇ ਸਿੱਧਾ ਸਥਿਤ ਮੋਬਾਈਲ ਫੋਨ ਆਈਕਨ ਚੁਣੋ.
7. ਤੁਸੀਂ ਆਪਣੇ ਡਿਵੈਲਪਰ ਟੂਲ ਦੀ ਦਿੱਖ ਅਤੇ ਅਨੁਭਵ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰ ਸਕਦੇ ਹੋ, ਪਹਿਲਾਂ ਮੇਨ ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ ਜੋ ਕਿ ਤਿੰਨ ਖੜ੍ਹੇ-ਖੜ੍ਹੇ ਡੌਟਸ ਦੁਆਰਾ ਦਰਸਾਇਆ ਗਿਆ ਹੈ ਅਤੇ ਅੱਗੇ ਦਿੱਤੇ ਟੈਬਸ ਦੇ ਸੱਜੇ ਸੱਜੇ ਪਾਸੇ ਸਥਿਤ ਹੈ. ਇਸ ਡ੍ਰੌਪ-ਡਾਉਨ ਮੀਨੂੰ ਦੇ ਅੰਦਰ, ਤੁਸੀਂ ਡੌਕ ਨੂੰ ਬਦਲ ਸਕਦੇ ਹੋ, ਵੱਖਰੇ ਔਜ਼ਾਰ ਦਿਖਾ ਸਕਦੇ ਹੋ ਜਾਂ ਓਹਲੇ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਨਾਲ ਹੀ ਹੋਰ ਤਕਨੀਕੀ ਆਈਟਮਾਂ ਜਿਵੇਂ ਕਿ ਇੱਕ ਡਿਵਾਈਸ ਇੰਸਪੈਕਟਰ ਲਾਂਚ ਕਰ ਸਕਦੇ ਹੋ. ਤੁਸੀਂ ਲੱਭੋਗੇ ਕਿ ਦੇਵ ਟੂਲ ਇੰਟਰਫੇਸ ਖੁਦ ਹੀ ਇਸ ਸੈਕਸ਼ਨ ਵਿੱਚ ਲੱਭੀਆਂ ਸੈਟਿੰਗਾਂ ਰਾਹੀਂ ਉੱਚਿਤ ਹੈ.

ਮੋਜ਼ੀਲਾ ਫਾਇਰਫਾਕਸ

ਫਾਇਰਫਾਕਸ ਦੇ ਵੈੱਬ ਡਿਵੈਲਪਰ ਅਨੁਭਾਗ ਵਿਚ ਡਿਜ਼ਾਈਨਰਾਂ, ਡਿਵੈਲਪਰ ਅਤੇ ਟੈਸਟਰਾਂ ਲਈ ਟੂਲ ਸ਼ਾਮਲ ਹਨ ਜਿਵੇਂ ਕਿ ਸਟਾਈਲ ਐਡੀਟਰ ਅਤੇ ਪਿਕਸਲ ਟੀਚੇਦਾਰ ਆਈਡਰਪਰਸ.

ਸਿਫਾਰਸ਼ੀ ਪੜ੍ਹਾਈ: ਸਿਖਰ ਤੇ 25 ਗ੍ਰੇਸਮੈਨੀ ਅਤੇ ਟੈਮਪਰਮਨੀ ਯੂਜ਼ਰਸ ਸਕਰਿਪਟ

1. ਫਾਇਰਫਾਕਸ ਦੇ ਮੁੱਖ ਮੇਨੂ ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ, ਜੋ ਤਿੰਨ ਹਰੀਜੱਟਲ ਲਾਈਨਾਂ ਦੁਆਰਾ ਦਰਸਾਇਆ ਗਿਆ ਹੈ ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਦੇ ਸੱਜੇ ਪਾਸੇ ਸੱਜੇ ਪਾਸੇ ਸਥਿਤ ਹੈ.
2. ਜਦੋਂ ਡ੍ਰੌਪ ਡਾਊਨ ਮੇਨੂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਤਾਂ ਡਿਵੈਲਪਰ ਲੇਬਲ ਵਾਲੇ ਆਈਕਾਨ ਨੂੰ ਚੁਣੋ. ਵੈੱਬ ਡਿਵੈਲਪਰ ਮੇਨੂ ਨੂੰ ਹੁਣ ਦਿਖਾਇਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਹੇਠ ਲਿਖੇ ਵਿਕਲਪ ਹੋਣਗੇ. ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਜ਼ਿਆਦਾਤਰ ਮੇਨੂ ਆਈਟਮਾਂ ਕੋਲ ਉਹਨਾਂ ਦੇ ਨਾਲ ਸੰਬੰਧਿਤ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਹਨ.
   ਟੌਗਲ ਟੂਲਜ਼: ਡਿਵੈਲਪਰ ਟੂਲਸ ਇੰਟਰਫੇਸ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ ਜਾਂ ਓਹਲੇ ਕਰਦਾ ਹੈ, ਜੋ ਕਿ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਦੇ ਬਿਲਕੁਲ ਹੇਠਾਂ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ ( ਏਲਟ (OPTION) + COMMAND + I ), ਵਿੰਡੋਜ਼ ( CTRL + SHIFT + I )
   ਇੰਸਪੈਕਟਰ: ਤੁਹਾਨੂੰ ਸਪਰੈੱਡ ਪੇਜ ਦੇ ਨਾਲ ਨਾਲ ਰਿਮੋਟ ਡੀਬਗਿੰਗ ਦੁਆਰਾ ਪੋਰਟੇਬਲ ਡਿਵਾਈਸ 'ਤੇ CSS ਅਤੇ HTML ਕੋਡ ਦਾ ਮੁਆਇਨਾ ਅਤੇ / ਜਾਂ ਟਵੀਕ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ ( ਏਲਟੀ (OPTION) + COMMAND + C ), ਵਿੰਡੋਜ਼ ( CTRL + SHIFT + C )
   ਵੈੱਬ ਕੰਸੋਲ: ਤੁਹਾਨੂੰ ਸਰਗਰਮ ਪੇਜ ਦੇ ਅੰਦਰ ਜਾਵਾਸੀ ਸਮੀਕਰਨ ਨੂੰ ਲਾਗੂ ਕਰਨ ਦੇ ਨਾਲ ਨਾਲ ਸੁਰੱਖਿਆ ਚੇਤਾਵਨੀਆਂ, ਨੈਟਵਰਕ ਬੇਨਤੀਆਂ, CSS ਸੁਨੇਹਿਆਂ ਅਤੇ ਹੋਰ ਸਮੇਤ ਲਾਗ ਕੀਤੇ ਡਾਟਾ ਦੇ ਵੱਖ ਵੱਖ ਸੈੱਟਾਂ ਦੀ ਸਮੀਖਿਆ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ ( ਏਲਟੀ (OPTION) + COMMAND + K ), ਵਿੰਡੋਜ਼ ( CTRL + SHIFT + K )
   ਡੀਬੱਗਰ: ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੀਬੱਗਰ ਤੁਹਾਨੂੰ ਬਰੇਕ ਪੁਆਇੰਟ ਸੈਟ ਕਰਕੇ, DOM ਨੋਡਾਂ ਦੀ ਪੜਤਾਲ, ਬਲੈਕ ਬੌਕਸਿੰਗ ਬਾਹਰੀ ਸਰੋਤਾਂ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਕਰਕੇ ਨੁਕਸ ਲੱਭਣ ਅਤੇ ਹੱਲ ਕਰਨ ਦਿੰਦਾ ਹੈ. ਜਿਵੇਂ ਇੰਸਪੈਕਟਰ ਦੇ ਨਾਲ ਹੁੰਦਾ ਹੈ , ਇਹ ਫੀਚਰ ਰਿਮੋਟ ਡੀਬਗਿੰਗ ਲਈ ਵੀ ਸਹਾਇਕ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ ( ALT (OPTION) + COMMAND + S ), ਵਿੰਡੋਜ਼ ( CTRL + SHIFT + S)
   ਸਟਾਈਲ ਐਡੀਟਰ: ਤੁਹਾਨੂੰ ਨਵੇਂ ਸਟਾਈਲਸ਼ੀਟਾਂ ਬਣਾਉਣ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਸਰਗਰਮ ਵੈਬ ਪੇਜ ਦੇ ਨਾਲ ਸ਼ਾਮਲ ਕਰਨ, ਜਾਂ ਮੌਜੂਦਾ ਸ਼ੀਟਾਂ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨ ਅਤੇ ਇਹ ਜਾਂਚ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ ਕਿ ਤੁਹਾਡੇ ਬਦਲਾਵ ਇੱਕ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਕੇਵਲ ਇੱਕ ਕਲਿਕ ਨਾਲ ਕਿਵੇਂ ਪੇਸ਼ ਕਰਦੇ ਹਨ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ, ਵਿੰਡੋਜ਼ ( SHIFT + F7 )
   ਕਾਰਗੁਜ਼ਾਰੀ: ਕਿਰਿਆਸ਼ੀਲ ਸਫ਼ੇ ਦੇ ਨੈਟਵਰਕ ਪ੍ਰਦਰਸ਼ਨ, ਫ੍ਰੇਮ ਰੇਟ ਡਾਟਾ, JavaScript ਐਕਸੀਕਿਊਸ਼ਨ ਟਾਈਮ ਅਤੇ ਸਟੇਟ ਦੇ ਵਿਸਥਾਰ ਨਾਲ ਵਿਘਨ ਪਾਉਂਦਾ ਹੈ, ਪੇੰਟ ਫਲੈਸ਼ਿੰਗ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ, ਵਿੰਡੋਜ਼ ( SHIFT + F5 )
   ਨੈਟਵਰਕ: ਅਨੁਸਾਰੀ ਵਿਧੀ, ਮੂਲ ਡੋਮੇਨ, ਪ੍ਰਕਾਰ, ਆਕਾਰ ਅਤੇ ਸਮਾਂ ਬੀਤਣ ਦੇ ਨਾਲ ਬ੍ਰਾਉਜ਼ਰ ਦੁਆਰਾ ਅਰੰਭ ਕੀਤੀ ਹਰ ਨੈਟਵਰਕ ਬੇਨਤੀ ਦੀ ਸੂਚੀ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ ( ਏਲਟ (OPTION) + COMMAND + Q ), ਵਿੰਡੋਜ਼ ( CTRL + SHIFT + Q )
   ਡਿਵੈਲਪਰ ਟੂਲਬਾਰ: ਇੱਕ ਇੰਟਰੈਕਟਿਵ ਕਮਾਂਡ ਲਾਈਨ ਇੰਟਰਪਰੀਟਰ ਖੋਲ੍ਹਦਾ ਹੈ ਸਾਰੇ ਉਪਲਬਧ ਕਮਾਂਡਾਂ ਅਤੇ ਉਹਨਾਂ ਦੀ ਸਹੀ ਸੰਟੈਕਸ ਦੀ ਲਿਸਟ ਲਈ ਦੁਭਾਸ਼ੀਏ ਵਿੱਚ ਮਦਦ ਦਿਓ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ, ਵਿੰਡੋਜ਼ ( SHIFT + F2 )
   WebIDE: ਫਾਇਰਫਾਕਸ ਓਐਸ ਜਾਂ ਫਾਇਰਫਾਕਸ ਓ.ਐਸ. ਸਿਮੂਲੇਟਰ ਰਾਹੀਂ ਚੱਲ ਰਹੇ ਅਸਲ ਜੰਤਰ ਰਾਹੀਂ ਵੈਬ ਐਪਸ ਬਣਾਉਣ ਅਤੇ ਲਾਗੂ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ, ਵਿੰਡੋਜ਼ ( SHIFT + F8 )
   ਬਰਾਊਜ਼ਰ ਕੰਸੋਲ: ਵੈਬ ਕੰਨਸੋਲ (ਉਪਰੋਕਤ ਵੇਖੋ) ਦੇ ਰੂਪ ਵਿੱਚ ਇੱਕੋ ਹੀ ਕਾਰਜਸ਼ੀਲਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ. ਹਾਲਾਂਕਿ, ਸਾਰਾ ਡਾਟਾ ਸਾਰਾ ਫਾਇਰਫਾਕਸ ਐਪਲੀਕੇਸ਼ਨ ( ਐਕਸਟੈਂਸ਼ਨਾਂ ਅਤੇ ਬਰਾਊਜ਼ਰ-ਪੱਧਰ ਦੀਆਂ ਫੰਕਲਾਂ ਸਮੇਤ) ਲਈ ਹੈ, ਕਿਉਂਕਿ ਸਿਰਫ਼ ਸਰਗਰਮ ਵੈਬ ਪੇਜ ਦੇ ਉਲਟ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ ( ਸ਼ਿਫਟ + ਕਮਐੰਡ + ਜੇ ), ਵਿੰਡੋਜ਼ ( CTRL + SHIFT + J )
   ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਵੇਖੋ: ਤੁਹਾਨੂੰ ਟੈਬਲੇਟਾਂ ਅਤੇ ਸਮਾਰਟਫ਼ੋਨਸ ਸਮੇਤ ਕਈ ਡਿਵਾਈਸ ਦੀ ਨਕਲ ਕਰਨ ਲਈ ਵੱਖ-ਵੱਖ ਮਤੇ, ਲੇਆਉਟ ਅਤੇ ਸਕ੍ਰੀਨ ਸਾਈਜ਼ ਵਿੱਚ ਇੱਕ ਵੇਬ ਪੇਜ ਦੇਖਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ ( ALT (OPTION) + COMMAND + M ), ਵਿੰਡੋਜ਼ ( CTRL + SHIFT + M )
   Eyedropper: ਵਿਅਕਤੀਗਤ ਤੌਰ 'ਤੇ ਚੁਣੇ ਗਏ ਪਿਕਸਲ ਲਈ ਹੈਕਸ ਰੰਗ ਕੋਡ ਨੂੰ ਵਿਖਾਉਂਦਾ ਹੈ .
   ਸਕ੍ਰੈਚਪੈਡ : ਤੁਹਾਨੂੰ ਪੌਪ-ਆਉਟ ਫਾਇਰਫਾਕਸ ਵਿੰਡੋ ਦੇ ਅੰਦਰ ਜਾਵਾ-ਸਕ੍ਰਿਪਟ ਕੋਡ ਦੇ ਸਨਿੱਪਟ ਲਿਖਣ, ਸੋਧਣ, ਇਕਾਈ ਕਰਨ ਅਤੇ ਚਲਾਉਣ ਲਈ ਸਹਾਇਕ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ, ਵਿੰਡੋਜ਼ ( SHIFT + F4 )
   ਪੰਨਾ ਸ੍ਰੋਤ: ਅਸਲ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ ਡਿਵੈਲਪਰ ਟੂਲ, ਇਹ ਚੋਣ ਸ੍ਰੇਸ਼ਠ ਪੰਨਾ ਲਈ ਉਪਲਬਧ ਸਰੋਤ ਕੋਡ ਨੂੰ ਦਿਖਾਉਂਦਾ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: ਮੈਕ ਓਐਸ ਐਕਸ ( COMMAND + U ), ਵਿੰਡੋਜ਼ ( CTRL + U )
   ਵਧੇਰੇ ਸਾਧਨ ਪ੍ਰਾਪਤ ਕਰੋ: ਮੋਜ਼ੀਲਾ ਦੇ ਅਧਿਕਾਰਤ ਐਡ-ਆਨ ਸਾਈਟ ਉੱਤੇ ਵੈਬ ਡਿਵੈਲਪਰ ਦੇ ਟੂਲਬੌਕਸ ਸੰਗ੍ਰਹਿ ਨੂੰ ਖੋਲਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਤਕਰੀਬਨ ਇਕ ਦਰਜਨ ਪ੍ਰਸਿੱਧ ਐਕਸਟੈਂਸ਼ਨਾਂ ਜਿਵੇਂ ਕਿ ਫਾਇਰਬੌਗ ਅਤੇ ਗ੍ਰੇਸਮਿੰਕੀ

Microsoft Edge / Internet Explorer

ਆਮ ਤੌਰ ਤੇ F12 ਡੈਵਲਪਰ ਟੂਲਜ਼ ਵਜੋਂ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ, ਇੰਟਰਨੈਟ ਐਕਸਪਲੋਰਰ ਦੇ ਪਿਛਲੇ ਵਰਜਨ ਤੋਂ ਇੰਟਰਫੇਸ ਸ਼ੁਰੂ ਕਰਨ ਵਾਲੇ ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ ਦੀ ਇਕ ਸ਼ਰਧਾ, ਆਈਈ 11 ਅਤੇ ਆਈਸੀਐਸ ਵਿਚ ਦੇਵ ਟੂਲਸੈੱਟ ਇਕ ਬਹੁਤ ਹੀ ਸੌਖਾ ਸਮੂਹ ਪੇਸ਼ ਕਰ ਕੇ ਲੰਮੇ ਸਮੇਂ ਤੋਂ ਆ ਗਿਆ ਹੈ. ਮਾਨੀਟਰਾਂ, ਡੀਬੱਗਰ, ਐਮੁਲਟਰਸ, ਅਤੇ ਆਨ-ਫਲਾਈ ਕੰਪਾਈਲਰ.

1. ਹੋਰ ਕਿਰਿਆਵਾਂ ਮੇਨੂ ਤੇ ਕਲਿਕ ਕਰੋ, ਜੋ ਕਿ ਤਿੰਨ ਬਿੰਦੀਆਂ ਦੁਆਰਾ ਦਰਸਾਈ ਗਈ ਹੈ ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਦੇ ਉੱਪਰਲੇ ਸੱਜੇ-ਪਾਸੇ ਦੇ ਕੋਨੇ ਵਿੱਚ ਸਥਿਤ ਹੈ. ਜਦ ਡਰਾਪ ਡਾਉਨ ਮੀਨੂ ਵਿਖਾਈ ਦੇਵੇ, ਤਾਂ F12 ਡੈਵਲਪਰ ਟੂਲਸ ਦਾ ਲੇਬਲ ਵਾਲਾ ਵਿਕਲਪ ਚੁਣੋ. ਜਿਵੇਂ ਹੀ ਮੈਂ ਪਹਿਲਾਂ ਜ਼ਿਕਰ ਕੀਤਾ ਹੈ, ਤੁਸੀਂ F12 ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਰਾਹੀਂ ਵੀ ਸਾਧਨ ਐਕਸੈਸ ਕਰ ਸਕਦੇ ਹੋ.
2. ਡਿਵੈਲਪਮੈਂਟ ਇੰਟਰਫੇਸ ਹੁਣ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ, ਖਾਸ ਤੌਰ ਤੇ ਬ੍ਰਾਉਜ਼ਰ ਵਿੰਡੋ ਦੇ ਹੇਠਾਂ. ਹੇਠਲੇ ਸਾਧਨ ਉਪਲਬਧ ਹਨ, ਹਰੇਕ ਉਹਨਾਂ ਦੇ ਅਨੁਸਾਰੀ ਟੈਬ ਸਿਰਲੇਖ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਜਾਂ ਨਾਲ ਨਾਲ ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਹਰੇਕ ਪਹੁੰਚਯੋਗ ਉਪਲਬਧ ਹਨ.
   DOM ਐਕਸਪਲੋਰਰ: ਤੁਹਾਨੂੰ ਸਟਾਇਲਸ਼ੀਟਾਂ ਅਤੇ ਐਚਟੀਐਚ ਨੂੰ ਐਕਟੀਵੇਟ ਪੇਜ਼ ਵਿੱਚ ਸੰਪਾਦਿਤ ਕਰਨ ਦੀ ਇਜ਼ਾਜਤ ਦਿੰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਜਾਣ ਵਾਲੇ ਪਰਿਵਰਤਿਤ ਨਤੀਜਿਆਂ ਨੂੰ ਪੇਸ਼ ਕਰਦੇ ਹੋ. ਕੋਡ ਨੂੰ ਸਵੈ-ਸੰਪੂਰਨ ਕਰਨ ਲਈ IntelliSense ਕਾਰਜਕੁਸ਼ਲਤਾ ਦਾ ਇਸਤੇਮਾਲ ਕਰਦਾ ਹੈ ਜਿੱਥੇ ਲਾਗੂ ਹੋ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: (CTRL + 1)
   ਕੰਨਸੋਲ: ਇਕ ਏਕੀਕ੍ਰਿਤ API ਰਾਹੀਂ ਕਾਊਂਟਰ, ਟਾਈਮਰ, ਟਰੇਸ ਅਤੇ ਕਸਟਮਾਈਜ਼ਡ ਸੁਨੇਹਿਆਂ ਸਮੇਤ ਡੀਬੱਗਿੰਗ ਜਾਣਕਾਰੀ ਜਮ੍ਹਾਂ ਕਰਾਉਣ ਦੀ ਸਮਰੱਥਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ. ਨਾਲ ਹੀ, ਤੁਹਾਨੂੰ ਕੋਡ ਨੂੰ ਇੱਕ ਸਰਗਰਮ ਵੈਬ ਪੇਜ ਵਿੱਚ ਸ਼ਾਮਿਲ ਕਰਨ ਅਤੇ ਰੀਅਲ ਟਾਈਮ ਵਿੱਚ ਵਿਅਕਤੀਗਤ ਵੇਰੀਏਬਲਾਂ ਨੂੰ ਨਿਰਧਾਰਤ ਮੁੱਲਾਂ ਨੂੰ ਸੰਸ਼ੋਧਿਤ ਕਰਨ ਦਿੰਦਾ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: (CTRL + 2)
   ਡੀਬੱਗਰ: ਤੁਹਾਨੂੰ ਬ੍ਰੇਕਪੁਆਇੰਟ ਸੈਟ ਕਰਨ ਅਤੇ ਆਪਣਾ ਕੋਡ ਡੀਬੱਗ ਕਰਨ ਲਈ ਸਹਾਇਕ ਹੈ, ਜੇਕਰ ਲੋੜ ਹੋਵੇ ਤਾਂ ਲਾਈਨ ਦੁਆਰਾ ਲਾਈਨ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: (CTRL + 3)
   ਨੈਟਵਰਕ: ਪਰੋਟੋਕਾਲ ਵੇਰਵਿਆਂ, ਸਮਗਰੀ ਦੀ ਕਿਸਮ, ਬੈਂਡਵਿਡਥ ਵਰਤੋਂ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਸਮੇਤ ਪੰਨੇ ਲੋਡ ਅਤੇ ਚੱਲਣ ਦੇ ਦੌਰਾਨ ਬ੍ਰਾਉਜ਼ਰ ਦੁਆਰਾ ਅਰੰਭ ਕੀਤੀ ਹਰ ਨੈਟਵਰਕ ਬੇਨਤੀ ਦੀ ਸੂਚੀ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: (CTRL + 4)
   ਕਾਰਗੁਜ਼ਾਰੀ: ਪੰਨਾ ਲੋਡ ਵਾਰ ਅਤੇ ਹੋਰ ਗਤੀਵਿਧੀਆਂ ਨੂੰ ਤੇਜ਼ ਕਰਨ ਲਈ ਵੇਰਵੇ ਦੀਆਂ ਫ੍ਰੇਮ ਰੇਟਸ, CPU ਉਪਯੋਗਤਾ, ਅਤੇ ਦੂਜੀ ਪ੍ਰਦਰਸ਼ਨ-ਸਬੰਧਤ ਮੈਟ੍ਰਿਕਸ ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: (CTRL + 5)
   ਮੈਮੋਰੀ: ਤੁਸੀਂ ਵੱਖਰੇ ਸਮੇਂ ਅੰਤਰਾਲਾਂ ਤੋਂ ਸਨੈਪਸ਼ਾਟ ਦੇ ਨਾਲ ਮੈਮੋਰੀ ਵਰਤੋਂ ਟਾਈਮਲਾਈਨ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਕੇ ਵਰਤਮਾਨ ਵੈਬ ਪੇਜ ਤੇ ਸੰਭਾਵੀ ਮੈਮਰੀ ਲੀਕਾਂ ਨੂੰ ਅਲੱਗ ਅਤੇ ਠੀਕ ਕਰ ਸਕਦੇ ਹੋ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: (CTRL + 6)
   ਇਮੂਲੇਸ਼ਨ: ਇਹ ਦਿਖਾਉਂਦਾ ਹੈ ਕਿ ਸਕਿਰਿਆ ਪੰਨਾ ਵੱਖ-ਵੱਖ ਮਤਿਆਂ ਅਤੇ ਸਕ੍ਰੀਨ ਦੇ ਆਕਾਰ ਵਿਚ ਕਿਵੇਂ ਸਮਾਰਟਫੋਨ, ਟੈਬਲੇਟ ਅਤੇ ਹੋਰ ਉਪਕਰਣਾਂ ਦੀ ਨਕਲ ਕਰੇਗਾ. ਉਪਭੋਗਤਾ ਏਜੰਟ ਅਤੇ ਪੇਜ ਦੀ ਸਥਿਤੀ ਨੂੰ ਸੋਧਣ ਦੀ ਸਮਰੱਥਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਨਾਲ ਹੀ ਇੱਕ ਵਿਥਕਾਰ ਅਤੇ ਲੰਬਕਾਰ ਨੂੰ ਦਾਖਲ ਕਰਕੇ ਵੱਖ-ਵੱਖ ਭੂਗੋਲਿਕਆਂ ਦਾ ਅਨੁਸਰਣ ਕਰਦਾ ਹੈ. ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ: (CTRL + 7)
3. ਕੋਂਨਸੋਲ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ, ਜਦੋਂ ਕਿ ਹੋਰ ਕਿਸੇ ਵੀ ਸਾਧਨ ਦੇ ਅੰਦਰ ਉਸ ਦੇ ਅੰਦਰ ਸਹੀ ਵਰਗ ਦੇ ਨਾਲ ਵਰਗ ਬਟਨ ਤੇ ਕਲਿੱਕ ਕਰੋ, ਡਿਵੈਲਪਮੈਂਟ ਟੂਲਜ਼ ਇੰਟਰਫੇਸ ਦੇ ਸੱਜੇ ਪਾਸੇ ਸੱਜੇ ਪਾਸੇ ਸਥਿਤ ਹੈ.
4. ਅਣਡੱਕ ਕਰਨ ਲਈ, ਡਿਵੈਲਪਰ ਟੂਲ ਇੰਟਰਫੇਸ ਹੈ ਤਾਂ ਕਿ ਇਹ ਇੱਕ ਵੱਖਰੀ ਵਿੰਡੋ ਬਣ ਜਾਵੇ, ਦੋ ਕੈਸਕੇਡਿੰਗ ਆਇਟੈਂਡਲ ਦੁਆਰਾ ਦਰਸਾਏ ਗਏ ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ ਜਾਂ ਹੇਠਾਂ ਦਿੱਤੇ ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ ਵਰਤੋ: CTRL + P ਤੁਸੀਂ ਦੂਜੀ ਵਾਰ CTRL + P ਨੂੰ ਦਬਾ ਕੇ ਟੂਲ ਨੂੰ ਆਪਣੇ ਮੂਲ ਸਥਾਨ ਤੇ ਵਾਪਸ ਰੱਖ ਸਕਦੇ ਹੋ.

ਐਪਲ ਸਫਾਰੀ (OS X ਕੇਵਲ)

ਸਫਾਰੀ ਦੇ ਵਿਭਿੰਨ ਦੇਵ ਟੂਲਸੈਟ ਵੱਡੇ ਡਿਵੈਲਪਰ ਸਮੂਹ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਜੋ ਆਪਣੇ ਡਿਜ਼ਾਇਨ ਅਤੇ ਪ੍ਰੋਗਰਾਮਿੰਗ ਲੋੜਾਂ ਲਈ ਇੱਕ ਮੈਕ ਦਾ ਇਸਤੇਮਾਲ ਕਰਦਾ ਹੈ. ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਕੰਸੋਲ ਅਤੇ ਪ੍ਰੰਪਰਾਗਤ ਲਾਗਿੰਗ ਅਤੇ ਡੀਬੱਗਿੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਤੋਂ ਇਲਾਵਾ, ਇੱਕ ਆਸਾਨੀ ਨਾਲ ਵਰਤਣ ਯੋਗ ਡਿਜ਼ਾਇਨ ਮੋਡ ਅਤੇ ਤੁਹਾਡੇ ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ ਬਣਾਉਣ ਲਈ ਇੱਕ ਟੂਲ ਵੀ ਪ੍ਰਦਾਨ ਕੀਤੇ ਗਏ ਹਨ.

1. ਆਪਣੀ ਸਕ੍ਰੀਨ ਦੇ ਉਪਰਲੇ ਪਾਸੇ ਸਥਿਤ ਬ੍ਰਾਊਜ਼ਰ ਮੀਨੂ ਵਿੱਚ ਸਫਾਰੀ ਤੇ ਕਲਿਕ ਕਰੋ. ਜਦੋਂ ਡ੍ਰੌਪ-ਡਾਊਨ ਮੇਨੂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਮੇਰੀ ਪਸੰਦ ਦੀ ਚੋਣ ਕਰੋ. ਤੁਸੀਂ ਇਸ ਮੀਨੂ ਆਈਟਮ ਦੀ ਥਾਂ ਹੇਠਾਂ ਦਿੱਤੇ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕਟ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ: COMMAND + COMMA (,)
2. ਸਫਾਰੀ ਦੀ ਪਸੰਦ ਇੰਟਰਫੇਸ ਨੂੰ ਹੁਣ ਦਿਖਾਇਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ, ਆਪਣੀ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਨੂੰ ਓਵਰਲੇਇੰਗ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਹੈਡਰ ਦੇ ਸੱਜੇ ਸੱਜੇ ਪਾਸੇ ਸਥਿਤ ਐਡਵੈਨਡ ਆਈਕਨ 'ਤੇ ਕਲਿਕ ਕਰੋ.
3. ਤਕਨੀਕੀ ਤਰਜੀਹਾਂ ਹੁਣ ਵਿਖਾਈ ਦੇਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ. ਇਸ ਸਕ੍ਰੀਨ ਦੇ ਹੇਠਾਂ ਇਕ ਵਿਕਲਪ ਹੈ ਜੋ ਮੀਨੂੰ ਬਾਰ ਵਿੱਚ ਦਿਖਾਓ ਮੇਨੂ ਦਿਖਾਉਂਦਾ ਹੈ , ਇੱਕ ਚੈੱਕ ਬਾਕਸ ਦੁਆਰਾ. ਜੇ ਬਾਕਸ ਵਿਚ ਕੋਈ ਚੈਕ ਮਾਰਕ ਨਹੀਂ ਹੈ, ਤਾਂ ਉਸ ਨੂੰ ਉੱਥੇ ਰੱਖਣ ਲਈ ਇਕ ਵਾਰ ਕਲਿੱਕ ਕਰੋ.
4. ਉਪਰਲੇ ਖੱਬੇ-ਪਾਸੇ ਦੇ ਕੋਨੇ ਵਿਚ ਲਾਲ 'ਐਕਸ' ਤੇ ਕਲਿਕ ਕਰਕੇ ਤਰਜੀਹ ਇੰਟਰਫੇਸ ਨੂੰ ਬੰਦ ਕਰੋ.
5. ਤੁਹਾਨੂੰ ਹੁਣ ਬੁੱਕਮਾਰਕਸ ਅਤੇ ਵਿੰਡੋ ਦੇ ਵਿਚਕਾਰ ਸਥਿਤ, ਵਿਕਾਸ ਨਾਂ ਨਾਮਕ ਬ੍ਰਾਉਜ਼ਰ ਮੀਨੂ ਵਿੱਚ ਇੱਕ ਨਵਾਂ ਵਿਕਲਪ ਨੋਟਿਸ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਇਸ ਮੀਨੂ ਆਈਟਮ ਤੇ ਕਲਿਕ ਕਰੋ ਇੱਕ ਡ੍ਰੌਪ-ਡਾਉਨ ਮੀਨੂ ਨੂੰ ਹੁਣ ਦਿਖਾਇਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਹੇਠਾਂ ਦਿੱਤੇ ਵਿਕਲਪ ਹੋਣਗੇ.
   ਇਸ ਨਾਲ ਪੰਨਾ ਖੋਲ੍ਹੋ: ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਮੈਕ ਤੇ ਇਸ ਵੇਲੇ ਸਥਾਪਤ ਦੂਜੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚੋਂ ਇੱਕ ਵਿੱਚ ਸਰਗਰਮ ਵੈਬ ਪੇਜ ਖੋਲ੍ਹਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ.
   ਯੂਜ਼ਰ ਏਜੰਟ: ਤੁਹਾਨੂੰ Chrome, ਫਾਇਰਫਾਕਸ ਅਤੇ ਇੰਟਰਨੈਟ ਐਕਸਪਲੋਰਰ ਦੇ ਕਈ ਵਰਜਨਾਂ ਸਮੇਤ ਇੱਕ ਦਰਜਨ ਪ੍ਰੀ-ਪ੍ਰਭਾਸ਼ਿਤ ਯੂਜ਼ਰ ਏਜੰਟ ਵੈਲਯੂਜ ਤੋਂ ਚੋਣ ਕਰਨ ਦੇ ਨਾਲ ਨਾਲ ਆਪਣੀ ਖੁਦ ਦੀ ਕਸਟਮ ਸਤਰ ਵੀ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ.
   ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਇਨ ਮੋਡ ਦਾਖਲ ਕਰੋ: ਮੌਜੂਦਾ ਪੰਨੇ ਨੂੰ ਪੇਸ਼ ਕਰਦਾ ਹੈ ਜਿਵੇਂ ਇਹ ਵੱਖ ਵੱਖ ਡਿਵਾਈਸਾਂ ਅਤੇ ਵੱਖ ਵੱਖ ਸਕ੍ਰੀਨ ਸੰਕਲਪਾਂ ਤੇ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ.
   ਵੈਬ ਇੰਸਪੈਕਟਰ ਦਿਖਾਓ: ਸਫਾਰੀ ਦੇ ਦੇਵ ਟੂਲਸ ਲਈ ਮੁੱਖ ਇੰਟਰਫੇਸ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ, ਖਾਸਤੌਰ ਤੇ ਤੁਹਾਡੀ ਬ੍ਰਾਊਜ਼ਰ ਸਕ੍ਰੀਨ ਦੇ ਹੇਠਾਂ ਰੱਖਿਆ ਗਿਆ ਹੈ ਅਤੇ ਹੇਠ ਲਿਖੇ ਭਾਗਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ: ਐਲੀਮੈਂਟਸ , ਨੈਟਵਰਕ , ਸਰੋਤ , ਟਾਈਮਲਾਈਨ , ਡੀਬੱਗਰ , ਸਟੋਰੇਜ , ਕੰਸੋਲ .
   ਗਲਤੀ ਕੰਨਸੋਲ ਵੇਖੋ: ਸਿੱਧੇ ਕੰਨਸੋਲ ਟੈਬ ਤੇ dev ਸੰਦ ਇੰਟਰਫੇਸ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ, ਜੋ ਕਿ ਗਲਤੀ, ਚੇਤਾਵਨੀ, ਅਤੇ ਹੋਰ ਖੋਜਣ ਯੋਗ ਡਾਟਾ ਵੇਖਾਉਂਦਾ ਹੈ.
   ਸਫ਼ਾ ਦਿਖਾਓ ਸ੍ਰੋਤ: ਸਰੋਤ ਟੈਬ ਖੋਲ੍ਹਦਾ ਹੈ, ਜੋ ਦਸਤਾਵੇਜ਼ ਦੁਆਰਾ ਸ਼੍ਰੇਣੀਬੱਧ ਕੀਤੇ ਸ੍ਰੋਤ ਕੋਡ ਲਈ ਸੋਰਸ ਕੋਡ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ.
   ਪੰਨਾ ਸਰੋਤ ਦਿਖਾਓ: ਦਿਖਾਓ ਪੰਨਾ ਸੋਰਸ ਵਿਕਲਪ ਦੇ ਰੂਪ ਵਿੱਚ ਸਮਾਨ ਫੰਕਸ਼ਨ ਕਰਦਾ ਹੈ.
   ਸਨਿੱਪਟ ਸੰਪਾਦਕ ਵੇਖੋ: ਇੱਕ ਨਵੀਂ ਵਿੰਡੋ ਖੋਲ੍ਹਦਾ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ CSS ਅਤੇ HTML ਕੋਡ ਦਰਜ ਕਰ ਸਕਦੇ ਹੋ, ਇਸ ਦਾ ਆਉਟਪੁੱਟ ਆਉਟ-ਤੇ-ਮਲਾਈ ਦੇਖਕੇ.
   ਐਕਸਟੈਂਸ਼ਨ ਬਿਲਡਰ ਵੇਖੋ: CSS, HTML, ਅਤੇ JavaScript ਦੇ ਨਾਲ ਸਫਾਰੀ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਉਣ ਜਾਂ ਸੰਪਾਦਿਤ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ.
   ਟਾਈਮਲਾਈਨ ਰਿਕਾਰਡਿੰਗ ਦਿਖਾਓ: ਟਾਈਮਲਾਈਨ ਟੈਬ ਖੋਲ੍ਹਦਾ ਹੈ ਅਤੇ ਰੀਅਲ ਟਾਈਮ ਵਿੱਚ ਨੈਟਵਰਕ ਬੇਨਤੀਆਂ, ਲੇਆਉਟ ਅਤੇ ਰੈਂਡਰਿੰਗ ਜਾਣਕਾਰੀ ਦੇ ਨਾਲ ਨਾਲ ਜਾਵਾਸਕ੍ਰਿਪਟ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ.
   ਖਾਲੀ ਕੈਚ : ਮੌਜੂਦਾ ਤੁਹਾਡੀ ਹਾਰਡ ਡਰਾਈਵ ਤੇ ਸਟੋਰ ਕੀਤੇ ਜਾ ਰਹੇ ਸਾਰੀ ਕੈਚ ਨੂੰ ਹਟਾਇਆ ਜਾਂਦਾ ਹੈ.
   ਕੈਚਾਂ ਨੂੰ ਅਯੋਗ ਕਰੋ: ਕੈਚਿੰਗ ਤੋਂ ਸਫਾਰੀ ਨੂੰ ਰੋਕਦਾ ਹੈ ਤਾਂ ਜੋ ਹਰ ਇੱਕ ਪੰਨੇ ਲੋਡ ਤੇ ਸਰਵਰ ਤੋਂ ਸਾਰੀ ਸਮੱਗਰੀ ਪ੍ਰਾਪਤ ਕੀਤੀ ਜਾ ਸਕੇ.
   ਚਿੱਤਰ ਨੂੰ ਅਸਮਰੱਥ ਕਰੋ: ਸਾਰੇ ਵੈਬ ਪੇਜਿਜ਼ ਤੇ ਪੇਸ਼ਕਾਰੀ ਤੋਂ ਚਿੱਤਰਾਂ ਨੂੰ ਰੋਕਦਾ ਹੈ.
   ਅਸਮਰੱਥ ਹੋਵੋ ਸਟਾਈਲ: ਜਦੋਂ ਕੋਈ ਪੰਨਾ ਲੋਡ ਹੁੰਦਾ ਹੈ ਤਾਂ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਅਣਡਿੱਠ ਕਰਦੇ ਹਨ.
   JavaScript ਨੂੰ ਅਸਮਰੱਥ ਬਣਾਓ: ਸਾਰੇ ਪੰਨਿਆਂ ਤੇ ਜ JavaScript ਐਕਜ਼ੀਕਿਊਸ਼ਨ ਨੂੰ ਪ੍ਰਤਿਬੰਧਿਤ ਕਰਦਾ ਹੈ.
   ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ ਅਸਮਰੱਥ ਕਰੋ: ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਅੰਦਰ ਚੱਲਣ ਤੇ ਸਾਰੇ ਇੰਸਟੌਲ ਕੀਤੇ ਐਕਸਟੈਂਸ਼ਨ ਤੇ ਪਾਬੰਦੀ ਲਗਾਈ ਜਾਂਦੀ ਹੈ
   ਸਾਈਟ-ਵਿਸ਼ੇਸ਼ ਹੈਕ ਨੂੰ ਅਸਮਰੱਥ ਕਰੋ: ਜੇ ਸਫਾਰੀ ਨੂੰ ਸਪੱਸ਼ਟ ਤੌਰ ਤੇ ਸਰਗਰਮ ਵੈਬ ਪੇਜ ਲਈ ਸਪਸ਼ਟ ਰੂਪ ਨਾਲ ਹੈਂਡਲ ਕਰਨ ਵਾਲੇ ਮਾਮਲਿਆਂ ਨੂੰ ਸੰਸ਼ੋਧਿਤ ਕੀਤਾ ਗਿਆ ਹੈ, ਤਾਂ ਇਹ ਵਿਕਲਪ ਉਨ੍ਹਾਂ ਬਦਲਾਵਾਂ ਨੂੰ ਬੰਦ ਕਰ ਦੇਵੇਗਾ, ਤਾਂ ਜੋ ਪੰਨਾ ਲੋਡ ਕੀਤਾ ਜਾ ਸਕੇ ਜਿਵੇਂ ਕਿ ਇਹਨਾਂ ਪਰਿਵਰਤਨਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਦੇ ਹੋਣਗੇ.
   ਸਥਾਨਕ ਫਾਈਲ ਪ੍ਰਤਿਬੰਧਾਂ ਨੂੰ ਅਸਮਰੱਥ ਬਣਾਓ: ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਤੁਹਾਡੀਆਂ ਸਥਾਨਕ ਡਿਸਕਾਂ ਤੇ ਫਾਈਲਾਂ ਤੱਕ ਪਹੁੰਚ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ, ਸੁਰੱਖਿਆ ਕਾਰਨਾਂ ਕਰਕੇ ਡਿਫੌਲਟ ਪ੍ਰਤੀਬੰਧਿਤ ਇੱਕ ਕਿਰਿਆ
   ਕ੍ਰਾਸ-ਮੂਲ ਰਿਜ਼ਰਵੇਸ਼ਨ ਨੂੰ ਅਸਮਰੱਥ ਕਰੋ: XSS ਅਤੇ ਹੋਰ ਸੰਭਾਵੀ ਖ਼ਤਰੇ ਨੂੰ ਰੋਕਣ ਲਈ ਡਿਫਾਲਟ ਤੌਰ ਤੇ ਇਹ ਪਾਬੰਦੀਆਂ ਲਾਗੂ ਹੁੰਦੀਆਂ ਹਨ. ਪਰ, ਉਨ੍ਹਾਂ ਨੂੰ ਅਕਸਰ ਵਿਕਾਸ ਦੇ ਉਦੇਸ਼ਾਂ ਲਈ ਅਸਥਾਈ ਰੂਪ ਤੋਂ ਅਸਮਰੱਥ ਬਣਾਉਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ.
   ਸਮਾਰਟ ਖੋਜ ਖੇਤਰ ਤੋਂ JavaScript ਦੀ ਆਗਿਆ ਦਿਓ: ਜਦੋਂ ਸਮਰਥਿਤ ਹੋਵੇ, ਤਾਂ ਜਾਵਾ ਸਕਰਿਪਟ ਨਾਲ ਯੂਆਰਐਸ ਦਰਜ ਕਰਨ ਦੀ ਯੋਗਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ : ਸਿੱਧਾ ਐਡਰੈਸ ਬਾਰ ਵਿੱਚ ਸ਼ਾਮਿਲ ਕੀਤਾ ਗਿਆ ਹੈ.
   ਐਸਐਚਏ -1 ਸਰਟੀਫਿਕੇਟ ਨੂੰ ਅਸਾਧਾਰਣ ਵਜੋਂ ਵਰਤਾਓ: SHA-1 ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ SSL ਸਰਟੀਫਿਕੇਟ ਨੂੰ ਬਾਹਰੋਂ-ਬਾਹਰ ਅਤੇ ਕਮਜ਼ੋਰ ਮੰਨਿਆ ਜਾਂਦਾ ਹੈ.