ਹਰੇਕ ਬ੍ਰਾਉਜ਼ਰ ਵਿਚ ਵੈਬ ਪੇਜ ਦੇ ਸਰੋਤ ਕੋਡ ਨੂੰ ਕਿਵੇਂ ਦੇਖੋ

ਜੋ ਵੈੱਬ ਪੇਜ ਤੁਸੀਂ ਪੜ੍ਹ ਰਹੇ ਹੋ, ਉਹ ਸਭ ਤੋਂ ਵੱਧ ਹੈ, ਸੋਰਸ ਕੋਡ. ਇਹ ਉਹ ਜਾਣਕਾਰੀ ਹੈ ਜੋ ਤੁਹਾਡੇ ਵੈਬ ਬ੍ਰਾਊਜ਼ਰ ਨੂੰ ਇਸ ਵੇਲੇ ਅਨੁਵਾਦ ਅਤੇ ਟ੍ਰਾਂਸਲੇਟ ਕਰਦੀ ਹੈ ਜੋ ਤੁਸੀਂ ਹੁਣ ਪੜ੍ਹ ਰਹੇ ਹੋ.

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

ਕੁਝ ਕੁ ਤਕਨੀਕੀ ਫੰਕਸ਼ਨ ਅਤੇ ਢਾਂਚਾ ਵੀ ਪੇਸ਼ ਕਰਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਪੇਜ ਉੱਤੇ HTML ਅਤੇ ਦੂਜੇ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਕੋਡ ਨੂੰ ਸਮਝਣਾ ਆਸਾਨ ਹੋ ਜਾਂਦਾ ਹੈ.

ਤੁਸੀਂ ਸਰੋਤ ਕੋਡ ਨੂੰ ਕਿਉਂ ਵੇਖਣਾ ਚਾਹੋਗੇ?

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

ਤੁਸੀਂ ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਾਲੇ ਵੀ ਹੋ ਸਕਦੇ ਹੋ ਜੋ ਇਹ ਸਿੱਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਿਹਾ ਹੈ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਪੰਨਿਆਂ ਨੂੰ ਕੋਡ ਕਿਵੇਂ ਲਿਜਾਉਣਾ ਹੈ ਅਤੇ ਕੁਝ ਅਸਲ-ਵਿਸ਼ਵ ਦੇ ਉਦਾਹਰਣਾਂ ਦੀ ਤਲਾਸ਼ ਕਰ ਰਹੇ ਹੋ. ਬੇਸ਼ੱਕ, ਇਹ ਸੰਭਵ ਹੈ ਕਿ ਤੁਸੀਂ ਇਹਨਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਵੀ ਸ਼੍ਰੇਣੀ ਵਿੱਚ ਨਹੀਂ ਆਉਂਦੇ ਹੋ ਅਤੇ ਸਿਰਫ ਕੁਦਰਤ ਦੀ ਉਤਸੁਕਤਾ ਦੇ ਸਰੋਤ ਨੂੰ ਦੇਖਣਾ ਚਾਹੁੰਦੇ ਹੋ.

ਹੇਠਾਂ ਸੂਚੀਬੱਧ ਕੀਤੇ ਗਏ ਹਨ ਜੋ ਤੁਹਾਡੇ ਵਿਕਲਪ ਦੇ ਤੁਹਾਡੇ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਸ੍ਰੋਤ ਕੋਡ ਨੂੰ ਕਿਵੇਂ ਵੇਖਣਾ ਹੈ.

ਗੂਗਲ ਕਰੋਮ

ਇਸ 'ਤੇ ਚੱਲ ਰਿਹਾ ਹੈ: ਕਰੋਮ ਓਏਸ, ਲੀਨਕਸ, ਮੈਕੋਸ, ਵਿੰਡੋਜ਼

Chrome ਦਾ ਡੈਸਕਟੌਪ ਵਰਜ਼ਨ ਹੇਠਾਂ ਦਿੱਤੇ ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੇਜ ਦੇ ਸਰੋਤ ਕੋਡ ਨੂੰ ਦੇਖਣ ਲਈ ਤਿੰਨ ਵੱਖ-ਵੱਖ ਵਿਧੀਆਂ ਪੇਸ਼ ਕਰਦਾ ਹੈ: CTRL + U (MacOS ਤੇ COMMAND + OPTION + U ).

ਦਬਾਉਣ ਤੇ, ਇਹ ਸ਼ਾਰਟਕੱਟ ਇੱਕ ਨਵੇਂ ਬਰਾਊਜ਼ਰ ਟੈਬ ਨੂੰ ਐਚਟੀਐਮਐਲ ਅਤੇ ਦੂਜੇ ਕੋਡ ਨੂੰ ਐਕਟਿਵ ਪੇਜ਼ ਲਈ ਖੋਲਦਾ ਹੈ. ਇਹ ਸਰੋਤ ਇਕ ਰੰਗ ਢੰਗ ਨਾਲ ਰੰਗੀਨ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਉਸ ਤਰੀਕੇ ਨਾਲ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ ਜੋ ਉਸ ਨੂੰ ਜੋੜਨ ਅਤੇ ਇਸ ਨੂੰ ਲੱਭਣ ਲਈ ਸੌਖਾ ਬਣਾਉਂਦਾ ਹੈ ਜੋ ਤੁਸੀਂ ਲੱਭ ਰਹੇ ਹੋ. ਤੁਸੀਂ Chrome ਦੇ ਐਡਰੈੱਸ ਬਾਰ ਵਿੱਚ, ਹੇਠਾਂ ਦਿੱਤੇ ਟੈਕਸਟ ਨੂੰ ਵੈਬ ਪੇਜ ਦੇ ਯੂਆਰਐਲ ਦੇ ਖੱਬੇ ਪਾਸੇ ਜੋੜ ਕੇ ਅਤੇ ਐਂਟਰ ਸਵਿੱਚ ਨਾਲ ਦਾਖ਼ਲ ਕਰ ਕੇ ਵੀ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ: ਵਿਊ-ਸਰੋਤ: (ਜਿਵੇਂ ਕਿ, ਵੇਖੋ-ਸਰੋਤ: https: // www .)

ਤੀਸਰੀ ਤਰੀਕਾ ਹੈ Chrome ਦੇ ਡਿਵੈਲਪਰ ਟੂਲਸ ਦੁਆਰਾ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਪੇਜ ਦੇ ਕੋਡ ਵਿੱਚ ਡੂੰਘੀ ਡੁਬਕੀ ਲੈਣ ਦੇ ਨਾਲ-ਨਾਲ ਟੈਸਟ ਅਤੇ ਵਿਕਾਸ ਦੇ ਉਦੇਸ਼ਾਂ ਲਈ ਇਸ ਨੂੰ ਤੇ-ਫਲਾਈਟ ਨੂੰ ਵਧਾ ਸਕਦੇ ਹੋ. ਡਿਵੈਲਪਰ ਟੂਲਜ਼ ਇੰਟਰਫੇਸ ਨੂੰ ਇਸ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਖੋਲ੍ਹਿਆ ਅਤੇ ਬੰਦ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ: CTRL + SHIFT + I (MacOS ਤੇ COMMAND + OPTION + I ). ਤੁਸੀਂ ਇਹਨਾਂ ਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਰਾਹ ਤੇ ਲੈ ਕੇ ਵੀ ਚਲਾ ਸਕਦੇ ਹੋ.

1. ਉੱਪਰੀ ਸੱਜੇ-ਪਾਸੇ ਕੋਨੇ ਵਿੱਚ ਸਥਿਤ Chrome ਦਾ ਮੁੱਖ ਮੀਨੂ ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ ਅਤੇ ਤਿੰਨ ਖੜ੍ਹਵੇਂ-ਅਲਾਈਨ ਡੌਟਸ ਦੁਆਰਾ ਦਰਸਾਇਆ ਗਿਆ ਹੈ
2. ਜਦੋਂ ਡ੍ਰੌਪ-ਡਾਉਨ ਮੀਨੂ ਵਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਆਪਣੇ ਮਾਉਸ ਕਰਸਰ ਨੂੰ ਹੋਰ ਟੂਲਸ ਵਿਕਲਪ ਤੇ ਰੱਖੋ.
3. ਜਦੋਂ ਉਪ-ਮੀਨੂ ਦਿਸਦਾ ਹੈ, ਤਾਂ ਡਿਵੈਲਪਰ ਟੂਲਸ 'ਤੇ ਕਲਿੱਕ ਕਰੋ.

ਛੁਪਾਓ
ਐਂਡਰਾਇਡ ਲਈ ਕਰੋਮ ਵਿੱਚ ਇੱਕ ਵੈਬ ਪੇਜ ਦੇ ਸਰੋਤ ਨੂੰ ਵੇਖਣਾ ਉਸਦੇ ਪਤੇ ਦੇ ਹੇਠਾਂ (ਜਾਂ URL) ਦੇ ਅੱਗੇ ਦਿੱਤੇ ਪਾਠ ਨੂੰ ਜੋੜ ਕੇ ਅਤੇ ਇਸ ਨੂੰ ਪੇਸ਼ ਕਰਨ ਦੇ ਰੂਪ ਵਿੱਚ ਬਹੁਤ ਸੌਖਾ ਹੈ: view-source:. ਇਸਦਾ ਇੱਕ ਉਦਾਹਰਣ ਦ੍ਰਿਸ਼-ਸਰੋਤ ਹੋਵੇਗਾ: https: // www. . ਪ੍ਰਸ਼ਨ ਵਿੱਚ ਸਫ਼ੇ ਤੋਂ HTML ਅਤੇ ਦੂਜੇ ਕੋਡ ਨੂੰ ਤੁਰੰਤ ਸਰਗਰਮ ਵਿੰਡੋ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇਗਾ.

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

ਐਪ ਸਟੋਰ ਵਿੱਚ $ 0.99 ਲਈ ਉਪਲਬਧ, ਸਰੋਤ ਵੇਖੋ ਤੁਹਾਨੂੰ ਸਫ਼ੇ ਦੇ URL ਨੂੰ ਦਾਖ਼ਲ ਕਰਨ ਲਈ ਪ੍ਰੇਰਦਾ ਹੈ (ਜਾਂ ਇਸਨੂੰ Chrome ਦੇ ਐਡਰੈੱਸ ਬਾਰ ਤੋਂ ਕਾਪੀ / ਪੇਸਟ ਕਰੋ, ਜੋ ਕਈ ਵਾਰੀ ਲੈ ਕੇ ਜਾਣ ਲਈ ਸਭ ਤੋਂ ਸਰਲ ਮਾਰਗ ਹੈ) ਅਤੇ ਇਹੋ ਹੀ ਹੈ. ਐਚਟੀਐਮਐਲ ਅਤੇ ਦੂਜੇ ਸੋਰਸ ਕੋਡ ਨੂੰ ਦਿਖਾਉਣ ਤੋਂ ਇਲਾਵਾ, ਐਪ ਵਿੱਚ ਉਹ ਟੈਬਸ ਵੀ ਹਨ ਜੋ ਵੱਖਰੇ ਪੇਜ ਅਸਟੇਟ, ਡੌਕਯੂਟ ਔਗਜਮੈਂਟ ਮਾਡਲ (ਡੌਮ) ਅਤੇ ਨਾਲ ਹੀ ਪੇਜ਼ ਸਾਈਜ਼, ਕੁਕੀਜ਼ ਅਤੇ ਹੋਰ ਦਿਲਚਸਪ ਵੇਰਵੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ.

ਮਾਈਕਰੋਸਾਫਟ ਐਜ

ਚੱਲ ਰਿਹਾ ਹੈ: ਵਿੰਡੋਜ਼

ਐਜ ਬ੍ਰਾਊਜ਼ਰ ਤੁਹਾਨੂੰ ਮੌਜੂਦਾ ਪੇਜ਼ ਦੇ ਸਰੋਤ ਕੋਡ ਨੂੰ ਆਪਣੇ ਵਿਕਾਸਕਾਰ ਟੂਲਸ ਇੰਟਰਫੇਸ ਰਾਹੀਂ ਵੇਖ, ਵਿਸ਼ਲੇਸ਼ਣ ਅਤੇ ਇੱਥੋਂ ਤੱਕ ਕਿ ਇਸ ਵਿੱਚ ਹੇਰਾਫੇਰੀ ਕਰਨ ਦਿੰਦਾ ਹੈ. ਇਹ ਸੌਖੇ ਟੂਲਸੈੱਟ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਤੁਸੀਂ ਇਹਨਾਂ ਵਿੱਚੋਂ ਇੱਕ ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟਸ ਨੂੰ ਵਰਤ ਸਕਦੇ ਹੋ: F12 ਜਾਂ CTRL + U. ਜੇ ਤੁਸੀਂ ਇਸਦੀ ਬਜਾਏ ਮਾਉਸ ਨੂੰ ਪਸੰਦ ਕਰਦੇ ਹੋ, ਤਾਂ ਐਜ ਦੇ ਮੀਨੂ ਬਟਨ ਤੇ ਕਲਿੱਕ ਕਰੋ (ਸੱਜੇ ਪਾਸੇ ਸੱਜੇ ਪਾਸੇ ਤਿੰਨ ਨੁਕਤੇ) ਅਤੇ ਸੂਚੀ ਵਿੱਚੋਂ F12 ਵਿਕਾਸਕਾਰ ਸੰਦ ਵਿਕਲਪ ਨੂੰ ਚੁਣੋ.

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

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

ਚੱਲ ਰਿਹਾ ਹੈ: ਲੀਨਕਸ, ਮੈਕੌਸ, ਵਿੰਡੋਜ਼

ਫਾਇਰਫਾਕਸ ਦੇ ਡੈਸਕੌਰਸ ਵਰਜ਼ਨ ਵਿਚ ਇਕ ਪੇਜ਼ ਦੇ ਸਰੋਤ ਕੋਡ ਨੂੰ ਦੇਖਣ ਲਈ ਤੁਸੀਂ ਆਪਣੇ ਕੀਬੋਰਡ ਤੇ CTRL + U (ਮਾਈਕੌਸ ਉੱਤੇ COMMAND + U ) ਦਬਾ ਸਕਦੇ ਹੋ, ਜਿਸ ਨਾਲ ਐਕਟਿਵ ਵੈੱਬ ਪੇਜ ਲਈ HTML ਅਤੇ ਦੂਜੇ ਕੋਡ ਵਾਲੇ ਨਵੇਂ ਟੈਬ ਖੋਲ੍ਹੇ ਜਾਣਗੇ.

ਹੇਠ ਦਿੱਤੇ ਪਾਠ ਨੂੰ ਫਾਇਰਫਾਕਸ ਦੇ ਐਡਰੈੱਸ ਬਾਰ ਵਿੱਚ, ਪੇਜ਼ ਦੇ URL ਦੇ ਖੱਬੇ ਪਾਸੇ ਸਿੱਧਾ ਲਿਖਣ ਨਾਲ, ਉਸੇ ਸਰੋਤ ਨੂੰ ਮੌਜੂਦਾ ਟੈਬ ਵਿੱਚ ਇਸ ਦੀ ਬਜਾਏ ਦਿਖਾਉਣ ਦਾ ਕਾਰਨ ਬਣਦਾ ਹੈ: ਵੇਖੋ-ਸਰੋਤ: (ਜਿਵੇਂ, ਵੇਖੋ-ਸਰੋਤ: https: // www.) .

ਸਫ਼ੇ ਦੇ ਸਰੋਤ ਕੋਡ ਨੂੰ ਐਕਸੈਸ ਕਰਨ ਦਾ ਇਕ ਹੋਰ ਤਰੀਕਾ ਹੈ ਫਾਇਰਫਾਕਸ ਦੇ ਡਿਵੈਲਪਰ ਟੂਲਸ ਦੁਆਰਾ, ਹੇਠ ਦਿੱਤੇ ਕਦਮਾਂ ਨੂੰ ਚੁੱਕ ਕੇ ਪਹੁੰਚਯੋਗ.

1. ਆਪਣੇ ਬ੍ਰਾਉਜ਼ਰ ਵਿੰਡੋ ਦੇ ਉਪਰਲੇ ਸੱਜੇ-ਪਾਸੇ ਵਾਲੇ ਕੋਨੇ ਵਿੱਚ ਸਥਿਤ ਮੁੱਖ ਮੇਨ ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ ਅਤੇ ਤਿੰਨ ਹਰੀਜੱਟਲ ਲਾਈਨਾਂ ਦੁਆਰਾ ਦਰਸਾਇਆ ਗਿਆ ਹੈ.
2. ਜਦੋਂ ਪੌਪ-ਆਊਟ ਮੀਨੂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਤਾਂ ਡਿਵੈਲਪਰ "ਰੈਂਚ" ਆਈਕਨ 'ਤੇ ਕਲਿਕ ਕਰੋ.
3. ਵੈੱਬ ਡਿਵੈਲਪਰ ਸੰਦਰਭ ਮੀਨੂ ਨੂੰ ਹੁਣ ਦਿਖਾਈ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ. ਪੰਨਾ ਸੋਰਸ ਵਿਕਲਪ ਚੁਣੋ.

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

ਛੁਪਾਓ
ਫਾਇਰਫਾਕਸ ਦੇ ਐਂਡਰੋਡ ਵਰਜ਼ਨ ਵਿੱਚ ਸਰੋਤ ਕੋਡ ਵੇਖਣਾ, ਹੇਠਲੇ ਟੈਕਸਟ ਨਾਲ ਵੈਬ ਪੇਜ ਦੇ ਯੂਆਰਐਲ ਨੂੰ ਪ੍ਰੀਫਿਕਸ ਕਰਕੇ ਪ੍ਰਾਪਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ: view-source:. ਉਦਾਹਰਨ ਲਈ, ਤੁਹਾਡੇ ਲਈ ਐਚਐਸਐਸਐਲ ਸਰੋਤ ਨੂੰ ਦੇਖਣ ਲਈ ਤੁਸੀਂ ਹੇਠਾਂ ਦਿੱਤੇ ਟੈਕਸਟ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਐਡਰੈੱਸ ਬਾਰ ਵਿੱਚ ਜਮ੍ਹਾਂ ਕਰੋਗੇ: ਵਿਊ-ਸਰੋਤ: https: // www. .

ਆਈਓਐਸ
ਤੁਹਾਡੇ ਆਈਪੈਡ, ਆਈਫੋਨ ਜਾਂ ਆਈਪੋਡ ਟਚ ਉੱਤੇ ਵੈਬ ਪੇਜ ਦੇ ਸੋਰਸ ਕੋਡ ਨੂੰ ਵੇਖਣ ਲਈ ਸਾਡੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਪ੍ਰਣਾਲੀ ਵਿਊ ਸੋਰਸ ਐਪ ਦੁਆਰਾ ਹੈ, ਜੋ App Store ਵਿਚ $ 0.99 ਲਈ ਉਪਲਬਧ ਹੈ. ਜਦੋਂ ਫਾਇਰਫਾਕਸ ਨਾਲ ਇਕਸਾਰਤਾ ਨਾਲ ਜੁੜਿਆ ਨਹੀਂ ਹੈ, ਤੁਸੀਂ HTML ਅਤੇ ਸਵਾਲਾਂ ਦੇ ਪੰਨੇ ਦੇ ਸਬੰਧਿਤ ਹੋਰ ਕੋਡ ਨੂੰ ਖੋਲ੍ਹਣ ਲਈ ਕ੍ਰਮ ਵਿੱਚ ਬ੍ਰਾਊਜ਼ਰ ਤੋਂ ਇੱਕ URL ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਕਾਪੀ ਅਤੇ ਪੇਸਟ ਕਰ ਸਕਦੇ ਹੋ.

ਐਪਲ ਸਫਾਰੀ

ਆਈਓਐਸ ਅਤੇ ਮੈਕੋਸ 'ਤੇ ਚੱਲ ਰਿਹਾ ਹੈ

ਆਈਓਐਸ
ਹਾਲਾਂਕਿ ਆਈਓਐਸ ਲਈ ਸਫਾਰੀ ਵਿੱਚ ਮੂਲ ਰੂਪ ਵਿੱਚ ਪੇਜ ਸ੍ਰੋਤ ਦੇਖਣ ਦੀ ਸਮਰੱਥਾ ਸ਼ਾਮਲ ਨਹੀਂ ਹੈ, ਬਰਾਊਜ਼ਰ ਦ੍ਰਿਸ਼ ਸੋਰਸ ਐਪ ਦੇ ਨਾਲ ਸਹਿਜੇ ਹੀ ਏਕੀਕਰਣ ਕਰਦਾ ਹੈ - ਐਪ ਸਟੋਰ ਵਿੱਚ $ 0.99 ਲਈ ਉਪਲੱਬਧ ਹੈ.

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

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

macOS
ਸਫਾਰੀ ਦੇ ਡੈਸਕੌਰਸ ਵਰਜਨ ਵਿੱਚ ਇੱਕ ਸ੍ਰੋਤ ਕੋਡ ਨੂੰ ਵੇਖਣ ਲਈ, ਤੁਹਾਨੂੰ ਪਹਿਲਾਂ ਇਸਦੇ ਡਿਵੈਲਪ ਮੀਨੂ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਣ ਦੀ ਲੋੜ ਹੈ ਹੇਠ ਦਿੱਤੇ ਪਗ਼ਾਂ ਤੁਹਾਨੂੰ ਇਸ ਲੁਕੇ ਹੋਏ ਮੀਨੂ ਨੂੰ ਸਰਗਰਮ ਕਰਨ ਅਤੇ ਪੰਨੇ ਦੇ HTML ਸ੍ਰੋਤ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦੁਆਰਾ ਜਾਂਦੇ ਹਨ.

1. ਸਕ੍ਰੀਨ ਦੇ ਸਿਖਰ 'ਤੇ ਸਥਿਤ, ਬ੍ਰਾਊਜ਼ਰ ਮੀਨੂ ਵਿੱਚ Safari ਤੇ ਕਲਿਕ ਕਰੋ.
2. ਜਦੋਂ ਡ੍ਰੌਪ-ਡਾਊਨ ਮੇਨੂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਤਰਜੀਹਾਂ ਵਿਕਲਪ ਨੂੰ ਚੁਣੋ.
3. ਸਫਾਰੀ ਦੀਆਂ ਤਰਜੀਹਾਂ ਹੁਣ ਵਿਖਾਈ ਦੇਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ. ਉੱਪਰੀ ਕਤਾਰ ਦੇ ਸੱਜੇ ਸੱਜੇ ਪਾਸੇ ਸਥਿਤ ਐਡਵੈਨਡ ਆਈਕਨ 'ਤੇ ਕਲਿਕ ਕਰੋ.
4. ਐਡਵਾਂਸਡ ਸੈਕਸ਼ਨ ਦੇ ਥੱਲੇ ਵੱਲ ਇਕ ਵਿਕਲਪ ਹੈ ਜੋ ਮੀਨੂੰ ਬਾਰ ਵਿਚ ਮੀਡਿਆ ਮੀਨੂੰ ਵਿਚ ਦਿਖਾਵੇ ਮੇਨੂ ਦਿਖਾਉਂਦਾ ਹੈ , ਇਕ ਖਾਲੀ ਚੈੱਕਬਾਕਸ ਨਾਲ. ਇਕ ਵਾਰ ਇਸ ਬਾਕਸ ਤੇ ਕਲਿੱਕ ਕਰੋ, ਇਸ ਵਿਚ ਚੈੱਕ ਚਿੰਨ੍ਹ ਲਗਾਓ, ਅਤੇ ਉਪਰਲੇ ਖੱਬੇ-ਹੱਥ ਦੇ ਕੋਨੇ ਵਿਚ ਮਿਲੇ ਲਾਲ 'ਐਕਸ' 'ਤੇ ਕਲਿਕ ਕਰਕੇ ਤਰਜੀਹ ਵਾਲੀ ਵਿੰਡੋ ਨੂੰ ਬੰਦ ਕਰੋ.
5. ਸਕ੍ਰੀਨ ਦੇ ਸਿਖਰ 'ਤੇ ਸਥਾਪਤ ਵਿਕਾਸ ਮੀਨੂੰ' ਤੇ ਕਲਿਕ ਕਰੋ .
6. ਜਦੋਂ ਡ੍ਰੌਪ ਡਾਊਨ ਮੇਨੂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਪੰਨਾ ਸੋਰਸ ਦਿਖਾਓ ਦੀ ਚੋਣ ਕਰੋ. ਤੁਸੀਂ ਇਸਦੀ ਬਜਾਏ ਹੇਠਾਂ ਦਿੱਤੇ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕਟ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ: COMMAND + OPTION + U

ਓਪੇਰਾ

ਚੱਲ ਰਿਹਾ ਹੈ: ਲੀਨਕਸ, ਮੈਕੌਸ, ਵਿੰਡੋਜ਼

ਓਪੇਰਾ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸਰਗਰਮ ਵੈਬ ਪੇਜ ਤੋਂ ਸਰੋਤ ਕੋਡ ਦੇਖਣ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ ਦੀ ਵਰਤੋਂ ਕਰੋ: CTRL + U ( ਮੈਕਸਓਸ ਉੱਤੇ COMMAND + OPTION + U ). ਜੇ ਤੁਸੀਂ ਮੌਜੂਦਾ ਟੈਬ ਵਿਚ ਸਰੋਤ ਨੂੰ ਲੋਡ ਕਰਨ ਨੂੰ ਤਰਜੀਹ ਦਿੰਦੇ ਹੋ, ਤਾਂ ਐਡਰੈੱਸ ਬਾਰ ਦੇ ਅੰਦਰ ਸਫ਼ੇ ਦੇ URL ਦੇ ਖੱਬੇ ਪਾਸੇ ਹੇਠਾਂ ਦਿੱਤੀ ਲਿਖਤ ਟਾਈਪ ਕਰੋ ਅਤੇ Enter ਦਬਾਓ : ਵਿਊ-ਸ੍ਰੋਤ: (ਜਿਵੇਂ ਕਿ, ਵੇਖੋ-ਸਰੋਤ: https: // www. ).

ਓਪੇਰਾ ਦਾ ਡੈਸਕਟੌਪ ਵਰਜ਼ਨ ਤੁਹਾਨੂੰ ਉਸਦੇ ਐਂਟੀਪ੍ਰਾਈਜ਼ਡ ਡਿਵੈਲਪਰ ਟੂਲਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਚਟੀਐਮ ਸ੍ਰੋਤ, CSS ਅਤੇ ਹੋਰ ਤੱਤ ਵੇਖਣ ਲਈ ਵੀ ਸਹਾਇਕ ਹੈ. ਇਹ ਇੰਟਰਫੇਸ ਲਾਂਚ ਕਰਨ ਲਈ, ਜੋ ਡਿਫੌਲਟ ਤੁਹਾਡੇ ਮੁੱਖ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਦੇ ਸੱਜੇ ਪਾਸੇ ਦਿਖਾਈ ਦੇਵੇਗਾ, ਹੇਠਾਂ ਦਿੱਤੇ ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ ਦਬਾਓ: CTRL + SHIFT + I (MacOS ਤੇ COMMAND + OPTION + I ).

ਓਪੇਰਾ ਦੇ ਡਿਵੈਲਪਰ ਸਾਧਨਸ ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮ ਚੁੱਕ ਕੇ ਵੀ ਪਹੁੰਚਯੋਗ ਹਨ.

1. ਆਪਣੇ ਬ੍ਰਾਉਜ਼ਰ ਵਿੰਡੋ ਦੇ ਉਪਰਲੇ ਖੱਬੇ-ਪਾਸੇ ਦੇ ਕੋਨੇ ਵਿੱਚ ਸਥਿਤ ਓਪੇਰਾ ਲੋਗੋ ਤੇ ਕਲਿਕ ਕਰੋ.
2. ਜਦੋਂ ਡ੍ਰੌਪ-ਡਾਉਨ ਮੀਨੂ ਵਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਆਪਣੇ ਮਾਉਸ ਕਰਸਰ ਨੂੰ ਹੋਰ ਟੂਲਸ ਵਿਕਲਪ ਤੇ ਰੱਖੋ.
3. ਡਿਵੈਲਪਰ ਮੀਨੂ ਦਿਖਾਓ ਉੱਤੇ ਕਲਿੱਕ ਕਰੋ.
4. ਓਪੇਰਾ ਲੋਗੋ ਤੇ ਫਿਰ ਕਲਿੱਕ ਕਰੋ.
5. ਜਦੋਂ ਡ੍ਰੌਪ ਡਾਊਨ ਮੇਨੂ ਵਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਆਪਣੇ ਕਰਸਰ ਨੂੰ ਡਿਵੈਲਪਰ ਉੱਤੇ ਰੱਖੋ.
6. ਜਦੋਂ ਉਪ-ਮੀਨੂ ਦਿਸਦਾ ਹੈ, ਤਾਂ ਡਿਵੈਲਪਰ ਟੂਲਜ਼ 'ਤੇ ਕਲਿੱਕ ਕਰੋ.

ਵਿਵਾਲੀ

ਵਿਵਿਦੀ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਅੰਦਰ ਪੇਜ ਸ੍ਰੋਤ ਨੂੰ ਵੇਖਣ ਦੇ ਕਈ ਤਰੀਕੇ ਹਨ. ਸਭ ਤੋਂ ਸੌਖਾ, CTRL + U ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਰਾਹੀਂ ਹੈ, ਜੋ ਕਿ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਸਰਗਰਮ ਪੰਨੇ ਤੋਂ ਕੋਡ ਨੂੰ ਪੇਸ਼ ਕਰਦਾ ਹੈ.

ਤੁਸੀਂ ਪੰਨੇ ਦੇ ਯੂਆਰਐਲ ਦੇ ਅੱਗੇ ਦਿੱਤੇ ਪਾਠ ਨੂੰ ਵੀ ਜੋੜ ਸਕਦੇ ਹੋ, ਜੋ ਵਰਤਮਾਨ ਟੈਬ ਵਿੱਚ ਸਰੋਤ ਕੋਡ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ: view-source:. ਇਸਦਾ ਇੱਕ ਉਦਾਹਰਣ ਦ੍ਰਿਸ਼-ਸਰੋਤ ਹੋਵੇਗਾ: http: // www. .

ਇਕ ਹੋਰ ਤਰੀਕਾ, ਬਰਾਊਜ਼ਰ ਦੇ ਇਕਤਰਿਤ ਡਿਵੈਲਪਰ ਟੂਲਾਂ ਰਾਹੀਂ ਹੁੰਦਾ ਹੈ, ਜੋ ਕਿ CTRL + SHIFT + I ਦਾ ਸੰਚਾਲਨ ਜਾਂ ਬਰਾਊਜ਼ਰ ਦੇ ਟੂਲਸ ਮੀਨੂ ਵਿੱਚ ਵਿਕਾਸਕਾਰ ਸਾਧਨ ਦੇ ਵਿਕਲਪ ਦੇ ਰਾਹੀਂ ਪਹੁੰਚਿਆ ਹੋਇਆ ਹੈ - ਖੱਬੇ ਪਾਸੇ ਦੇ ਖੱਬੇ ਕੋਨੇ ਵਿਚ 'ਵੀ' ਲੋਗੋ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਪਾਇਆ ਗਿਆ. ਡੈਵੀ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਨਾਲ ਪੰਨੇ ਦੇ ਸਰੋਤ ਦਾ ਡੂੰਘਾਈ ਨਾਲ ਵਿਸ਼ਲੇਸ਼ਣ ਹੋ ਸਕਦਾ ਹੈ.