06 ਦਾ 01
ਸਫਾਰੀ 9 ਵਿੱਚ ਕਿਰਿਆਸ਼ੀਲ ਡਿਜ਼ਾਇਨ ਮੋਡ ਨੂੰ ਕਿਰਿਆਸ਼ੀਲ ਕਰੋ ਅਤੇ ਵਰਤੋ
ਅੱਜ ਦੇ ਸੰਸਾਰ ਵਿੱਚ ਇੱਕ ਵੈਬ ਡਿਵੈਲਪਰ ਹੋਣ ਦਾ ਮਤਲਬ ਹੈ ਯੰਤਰਾਂ ਅਤੇ ਪਲੇਟਫਾਰਮਾਂ ਦੀ ਸਹਾਇਤਾ ਕਰਨਾ, ਜੋ ਕਦੇ-ਕਦੇ ਇੱਕ ਮੁਸ਼ਕਲ ਕੰਮ ਸਾਬਤ ਹੋ ਸਕਦਾ ਹੈ. ਨਵੀਨਤਮ ਵੈੱਬ ਸਟੈਂਡਰਡ ਦੀ ਪਾਲਣਾ ਕਰਦੇ ਹੋਏ ਵੀ ਸਭ ਤੋਂ ਵਧੀਆ ਡਿਜ਼ਾਈਨ ਕੀਤੇ ਗਏ ਕੋਡ ਦੇ ਨਾਲ, ਤੁਸੀਂ ਅਜੇ ਵੀ ਇਹ ਪਤਾ ਲਗਾ ਸਕਦੇ ਹੋ ਕਿ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਦੇ ਕੁਝ ਹਿੱਸੇ ਕੁਝ ਅਜਿਹੇ ਡਿਵਾਈਸਿਸ ਜਾਂ ਰੈਜ਼ੋਲੂਸ਼ਨਾਂ ਤੇ ਨਹੀਂ ਦੇਖ ਸਕਦੇ ਜਾਂ ਕੰਮ ਨਹੀਂ ਕਰਦੇ ਜਿਸ ਤਰ੍ਹਾਂ ਤੁਸੀਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. ਅਜਿਹੇ ਹਾਲਾਤ ਦੇ ਵਿਸ਼ਾਲ ਲੜੀ ਦੀ ਸਹਾਇਤਾ ਕਰਨ ਦੀ ਚੁਣੌਤੀ ਦਾ ਸਾਮ੍ਹਣਾ ਕਰਦੇ ਸਮੇਂ, ਤੁਹਾਡੇ ਕੋਲ ਨਿਮਨਲਿਖਤ ਤੇ ਸਹੀ ਸਿਮੂਲੇਸ਼ਨ ਦੇ ਸਾਧਨ ਹੋਣ ਨਾਲ ਅਮੋਲਕ ਹੋ ਸਕਦੇ ਹਨ.
ਜੇ ਤੁਸੀਂ ਮੈਕ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੇ ਬਹੁਤ ਸਾਰੇ ਪ੍ਰੋਗਰਾਮਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੋ, ਤਾਂ ਸਫਾਰੀ ਦੇ ਡਿਵੈਲਪਰ ਟੂਲਸੈਟ ਹਮੇਸ਼ਾ ਕੰਮ ਵਿਚ ਆ ਜਾਂਦਾ ਹੈ. ਸਫਾਰੀ 9 ਦੀ ਰਿਹਾਈ ਦੇ ਨਾਲ, ਇਸ ਕਾਰਜਸ਼ੀਲਤਾ ਦੀ ਚੌੜਾਈ ਵਿੱਚ ਕਾਫ਼ੀ ਵਾਧਾ ਹੋਇਆ ਹੈ, ਖਾਸ ਕਰਕੇ ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਮੋਡ_ ਦੇ ਕਾਰਨ ਜੋ ਕਿ ਤੁਹਾਨੂੰ ਆਪਣੀ ਸਕ੍ਰੀਨ ਦੇ ਵੱਖ-ਵੱਖ ਸੰਕਲਪਾਂ ਦੇ ਨਾਲ-ਨਾਲ ਵੱਖ ਵੱਖ ਆਈਪੈਡ, ਆਈਫੋਨ ਅਤੇ ਆਈਪੌਡ ਟਚ ਬਿਲਡ ਤੇ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੇਗਾ ਦੀ ਅਨੁਮਤੀ ਦਿੰਦਾ ਹੈ.
ਇਹ ਟਿਊਟੋਰਿਅਲ ਵੇਰਵੇ ਕਿਵੇਂ ਕਰਦਾ ਹੈ ਜਿਵੇਂ ਕਿ ਡਿਜੀਨੈਸ ਡਿਜ਼ਾਇਨ ਮੋਡ ਅਤੇ ਇਸ ਨੂੰ ਤੁਹਾਡੇ ਵਿਕਾਸ ਲੋੜਾਂ ਲਈ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ.
ਪਹਿਲਾਂ, ਆਪਣਾ ਸਫਾਰੀ ਬ੍ਰਾਉਜ਼ਰ ਖੋਲ੍ਹੋ.
06 ਦਾ 02
ਸਫਾਰੀ ਪ੍ਰਾਥਮਿਕਤਾ
ਸਕ੍ਰੀਨ ਦੇ ਸਿਖਰ 'ਤੇ ਸਥਿਤ, ਬ੍ਰਾਊਜ਼ਰ ਮੀਨੂ ਵਿੱਚ Safari ਤੇ ਕਲਿਕ ਕਰੋ. ਜਦੋਂ ਡ੍ਰੌਪ-ਡਾਉਨ ਮੀਨੂ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਉਪਰੋਕਤ ਉਦਾਹਰਨ ਵਿੱਚ ਚੱਕਰ ਪਸੰਦ ਵਿਕਲਪ ਦੀ ਚੋਣ ਕਰੋ.
ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਤੁਸੀਂ ਉਪਰੋਕਤ ਮੀਨੂ ਆਈਟਮ ਦੇ ਬਦਲੇ ਵਿੱਚ ਹੇਠਾਂ ਦਿੱਤੇ ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ: COMMAND + COMMA (,)
03 06 ਦਾ
ਡਿਵੈਲਪ ਮੀਨੂ ਦਿਖਾਓ
ਤੁਹਾਡੀ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਨੂੰ ਓਵਰਲੇ ਕਰਨ ਵੇਲੇ ਸਫਾਰੀ ਦੀ ਪਸੰਦ ਦੀ ਡਾਇਲੌਗ ਹੁਣ ਦਿਖਾਈ ਦੇਣੀ ਚਾਹੀਦੀ ਹੈ. ਸਭ ਤੋਂ ਪਹਿਲਾਂ, ਇਕ ਗੀਅਰ ਦੁਆਰਾ ਦਰਸਾਈ ਐਡਵਾਂਸਡ ਆਈਕਾਨ ਆਈਕਾਨ ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਵਿੰਡੋ ਦੇ ਉਪਰਲੇ ਸੱਜੇ-ਪਾਸੇ ਵਾਲੇ ਕੋਨੇ ਵਿੱਚ ਸਥਿਤ.
ਬ੍ਰਾਊਜ਼ਰ ਦੀਆਂ ਐਡਵਾਂਸਡ ਤਰਜੀਹਾਂ ਹੁਣ ਵਿਖਾਈ ਦੇਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ. ਹੇਠਾਂ ਇਕ ਚੋਣ ਬਕਸੇ ਦੇ ਨਾਲ ਹੁੰਦਾ ਹੈ, ਮੇਨ੍ਯੂ ਪੱਟੀ ਵਿੱਚ ਸੂਚੀ ਦਿਖਾਓ ਮੇਨੂ ਲੇਬਲ ਕਰੋ ਅਤੇ ਉਪਰੋਕਤ ਉਦਾਹਰਣ ਵਿੱਚ ਚੱਕਰ ਲਗਾਓ. ਇਸ ਮੀਨੂੰ ਨੂੰ ਕਿਰਿਆਸ਼ੀਲ ਕਰਨ ਲਈ ਇਕ ਵਾਰ ਚੈੱਕਬਾਕਸ ਤੇ ਕਲਿਕ ਕਰੋ.
04 06 ਦਾ
ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਮੋਡ ਦਰਜ ਕਰੋ
ਇੱਕ ਨਵਾਂ ਵਿਕਲਪ ਹੁਣ ਤੁਹਾਡੇ ਸਫਾਰੀ ਮੀਨੂ ਵਿੱਚ ਉਪਲਬਧ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਜੋ ਸਕ੍ਰੀਨ ਦੇ ਉੱਪਰ ਸਥਿਤ ਹੈ, ਵਿਕਸਿਤ ਕਰੋ ਤੇ ਲੇਬਲ ਕੀਤਾ ਗਿਆ ਹੈ. ਇਸ ਵਿਕਲਪ 'ਤੇ ਕਲਿੱਕ ਕਰੋ. ਜਦੋਂ ਡ੍ਰੌਪ-ਡਾਉਨ ਮੀਨੂ ਵਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਤਾਂ ਰਿਜ਼ਰਵਿਕ ਡਿਜ਼ਾਈਨ ਮੋਡ ਦਰਜ ਕਰੋ _ ਉਪਰੋਕਤ ਉਦਾਹਰਨ ਵਿੱਚ ਚੱਕਰ ਲਗਾਓ.
ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਤੁਸੀਂ ਉਪਰੋਕਤ ਮੀਨੂ ਆਈਟਮ ਦੇ ਬਦਲੇ ਹੇਠਲੀ ਕੀਬੋਰਡ ਸ਼ੌਰਟਕਟ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ: ਵਿਕਲਪ + COMMAND + R
06 ਦਾ 05
ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਇਨ ਮੋਡ
ਸਰਗਰਮ ਵੈਬ ਪੇਜ ਨੂੰ ਹੁਣ ਉੱਤਰੀ ਡਿਜ਼ਾਇਨ ਮੋਡ ਵਿੱਚ ਵੇਖਾਇਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ, ਜਿਵੇਂ ਉੱਪਰ ਦਿੱਤੇ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ. ਜਿਵੇਂ ਕਿ ਆਈਫੋਨ 6 ਦੀ ਸੂਚੀ ਵਿੱਚ ਆਈਓਐਸ ਉਪਕਰਣਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਇੱਕ ਦੀ ਚੋਣ ਕਰਕੇ, ਜਾਂ 800 x 600 ਦੇ ਰੂਪ ਵਿੱਚ ਉਪਲੱਬਧ ਮਨੋਨੀਤ ਸਕ੍ਰੀਨ ਰੈਜ਼ੋਲੂਸ਼ਨਾਂ ਵਿੱਚੋਂ ਕੋਈ ਇੱਕ, ਤੁਸੀਂ ਤੁਰੰਤ ਵੇਖ ਸਕਦੇ ਹੋ ਕਿ ਸਫ਼ਾ ਉਸ ਡਿਵਾਈਸ ਜਾਂ ਇਸ ਡਿਸਪਲੇ ਰੈਜ਼ੋਲੂਸ਼ਨ ਵਿੱਚ ਕਿਵੇਂ ਪੇਸ਼ ਕਰੇਗਾ.
ਦਿਖਾਈਆਂ ਗਈਆਂ ਡਿਵਾਈਸਾਂ ਅਤੇ ਮਤੇ ਦੇ ਇਲਾਵਾ, ਤੁਸੀਂ ਇੱਕ ਵੱਖਰੇ ਉਪਭੋਗਤਾ ਏਜੰਟ ਨੂੰ - ਜਿਵੇਂ ਕਿਸੇ ਵੱਖਰੇ ਬ੍ਰਾਊਜ਼ਰ ਤੋਂ ਇੱਕ - ਸਮਗਰੀ ਆਈਕਾਨ ਦੇ ਉੱਪਰ ਸਿੱਧੇ ਦਿਖਾਈ ਦੇਣ ਵਾਲੇ ਡ੍ਰੌਪ-ਡਾਉਨ ਮੀਨੂੰ ਤੇ ਕਲਿਕ ਕਰਕੇ ਸਫਾਰੀ ਨੂੰ ਨਿਰਦੇਸ਼ ਦੇ ਸਕਦੇ ਹੋ.
06 06 ਦਾ
ਮੀਨੂੰ ਵਿਕਸਿਤ ਕਰੋ: ਹੋਰ ਵਿਕਲਪ
ਰਿਜਿਸਟਰਡ ਡਿਜ਼ਾਈਨ ਮੋਡ ਤੋਂ ਇਲਾਵਾ, ਸਫਾਰੀ 9 ਦੇ ਡਿਵੈਲਪਮ ਮੈਨੂ ਕਈ ਹੋਰ ਉਪਯੋਗੀ ਵਿਕਲਪਾਂ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ, ਜੋ ਕਿ ਹੇਠਾਂ ਸੂਚੀਬੱਧ ਹਨ.
- ਇਸਦੇ ਨਾਲ ਸਫ਼ਾ ਖੋਲ੍ਹੋ: ਇਸ ਸਮੇਂ ਤੁਹਾਡੇ ਮੈਕ ਤੇ ਸਥਾਪਿਤ ਕਿਸੇ ਵੀ ਹੋਰ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਤੁਹਾਨੂੰ ਸਕਿਰਿਆ ਵੈਬ ਪੰਨਾ ਖੋਲ੍ਹਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ.
- ਯੂਜ਼ਰ ਏਜੰਟ: ਉਪਭੋਗਤਾ ਏਜੰਟ ਬਦਲਣਾ ਵੈੱਬ ਸਰਵਰ ਨੂੰ ਤੁਹਾਡੇ ਬਰਾਊਜ਼ਰ ਨੂੰ Safari 9 ਤੋਂ ਇਲਾਵਾ ਹੋਰ ਕਿਸੇ ਚੀਜ਼ ਦੀ ਪਛਾਣ ਕਰਨ ਦਾ ਕਾਰਨ ਬਣਦਾ ਹੈ.
- ਵੈਬ ਇੰਸਪੈਕਟਰ ਨਾਲ ਜੁੜੋ: ਸਫਾਰੀ 9 ਦੇ ਵੈਬ ਇੰਸਪੈਕਟਰ ਸਾਰੇ ਵੈਬ ਪੇਜ ਦੇ ਵਸੀਲਿਆਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਤ ਕਰਦੇ ਹਨ, ਜਿਸ ਨਾਲ CSS ਜਾਣਕਾਰੀ, ਡੋਮ ਮੈਟਰਿਕਸ ਅਤੇ ਬਣਤਰ, ਦੇ ਨਾਲ-ਨਾਲ ਇਸਦੇ ਮੂਲ ਸ੍ਰੋਤ ਕੋਡ ਵੀ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ.
- ਗਲਤੀ ਕੰਸੋਲ ਵੇਖੋ: ਡਿਵੈਲਪ ਮੀਨੂ ਵਿੱਚ ਸਭ ਤੋਂ ਵੱਧ ਪ੍ਰਯੋਗ ਕੀਤਾ ਗਿਆ ਵਿਕਲਪਾਂ ਵਿੱਚੋਂ ਇੱਕ, ਇਹ ਕੰਨਸਾਇਸਟ JavaScript, HTML ਅਤੇ XML ਦੀਆਂ ਗਲਤੀਆਂ ਅਤੇ ਚੇਤਾਵਨੀਆਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ.
- ਸਫ਼ਾ ਵੇਖੋ ਸਰੋਤ: ਤੁਹਾਨੂੰ ਸਰਗਰਮ ਵੈਬ ਪੇਜ ਦੇ ਸਰੋਤ ਕੋਡ ਨੂੰ ਦੇਖਣ ਅਤੇ ਖੋਜ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ.
- ਪੇਜ਼ ਸਰੋਤ ਵੇਖੋ: ਇਸ ਚੋਣ ਨੂੰ ਚੁਣਨ ਨਾਲ ਮੌਜੂਦਾ ਪੇਜ਼ ਤੋਂ ਦਸਤਾਵੇਜ਼, ਸਕ੍ਰਿਪਟ, CSS ਅਤੇ ਹੋਰ ਸਰੋਤਾਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋ ਜਾਂਦਾ ਹੈ.
- ਸਨਿੱਪਟ ਐਡੀਟਰ ਵੇਖੋ: ਸੰਪੂਰਨ ਪੰਨੇ ਦੇ ਉਲਟ, ਕੋਡ ਦੇ ਟੁਕੜੇ ਨੂੰ ਸੰਪਾਦਿਤ ਅਤੇ ਚਲਾਉਣ ਦੀ ਸਮਰੱਥਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ. ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਟੈਸਟ ਦ੍ਰਿਸ਼ਟੀਕੋਣ ਤੋਂ ਬਹੁਤ ਉਪਯੋਗੀ ਹੈ.
- ਐਕਸਟੈਂਸ਼ਨ ਬਿਲਡਰ ਵੇਖੋ: ਤੁਹਾਨੂੰ ਆਪਣੇ ਕੋਡ ਨੂੰ ਇਸਦੇ ਅਨੁਸਾਰ ਪੈਕ ਕਰਕੇ ਅਤੇ ਮੇਟਾਡਾਟਾ ਜੋੜ ਕੇ ਆਪਣਾ ਖੁਦ ਸਫਾਰੀ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ.
- ਟਾਈਮਲਾਈਨ ਰਿਕਾਰਡਿੰਗ ਸ਼ੁਰੂ ਕਰੋ: ਇੱਕ ਵੈਬਕਿੱਟ ਇੰਸਪੈਕਟਰ ਦੇ ਅੰਦਰ ਦੇਖੇ ਗਏ ਸਾਰੇ ਉਪਭੋਗਤਾਵਾਂ ਦੁਆਰਾ ਪ੍ਰਭਾਸ਼ਿਤ ਅਵਧੀ ਲਈ ਨੈਟਵਰਕ ਬੇਨਤੀਆਂ, JavaScript ਐਕਜ਼ੀਕਿਊਸ਼ਨ, ਪੰਨਾ ਰੈਂਡਰਿੰਗ ਅਤੇ ਹੋਰ ਪ੍ਰੋਗਰਾਮਾਂ ਸਮੇਤ ਕਈ ਆਈਟਮਾਂ ਰਿਕਾਰਡ ਕਰਦਾ ਹੈ.
- ਖਾਲੀ ਕੈਚ : ਇਸ ਚੋਣ 'ਤੇ ਕਲਿਕ ਕਰਨਾ ਸਫਾਰੀ ਦੇ ਅੰਦਰ ਸਾਰੇ ਸਟੋਰ ਕੀਤੇ ਕੈਚ ਨੂੰ ਮਿਟਾਉਂਦਾ ਹੈ, ਕੇਵਲ ਸਟੈਂਡਰਡ ਵੈੱਬਸਾਈਟ ਕੈਚ ਫਾਈਲਾਂ ਨਹੀਂ.
- ਕੈਸ਼ਾਂ ਨੂੰ ਅਯੋਗ ਕਰੋ: ਕੈਚਿੰਗ ਅਸਮਰਥ ਹੋਣ ਦੇ ਨਾਲ, ਹਰੇਕ ਵਾਰ ਇੱਕ ਵੈਬਸਾਈਟ ਤੋਂ ਸਰੋਤ ਡਾਊਨਲੋਡ ਕੀਤੇ ਜਾਂਦੇ ਹਨ ਜਦੋਂ ਸਥਾਨਿਕ ਕੈਚ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ ਵਿਰੋਧ ਦੇ ਤੌਰ ਤੇ ਪਹੁੰਚ ਬੇਨਤੀ ਕੀਤੀ ਜਾਂਦੀ ਹੈ.
- ਸਮਾਰਟ ਖੋਜ ਫੀਲਡ ਤੋਂ ਜਾਵਾਗ ਦੀ ਆਗਿਆ ਦਿਓ: ਸੁਰੱਖਿਆ ਕਾਰਨਾਂ ਕਰਕੇ ਡਿਫਾਲਟ ਤੌਰ ਤੇ ਅਸਮਰੱਥ ਹੈ, ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਤੁਹਾਨੂੰ ਸਫਾਰੀ ਦੇ ਐਡਰੈਸ ਬਾਰ ਵਿਚ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੇ URL ਦਾਖਲ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ.
- ਐਸਐਚਏ -1 ਸਰਟੀਫਿਕੇਟ ਨੂੰ ਅਸੁਰੱਖਿਅਤ ਮੰਨੋ: ਸੁਰੱਖਿਅਤ ਹੈਸ਼ ਐਲਗੋਰਿਦਮ ਲਈ ਸ਼ਾਰਟ, ਸ਼ਾਹ-ਏ -1H ਹੈਸ਼ ਫੰਕਸ਼ਨ ਮੂਲ ਰੂਪ ਵਿਚ ਸੋਚਣ ਨਾਲੋਂ ਘੱਟ ਸੁਰੱਖਿਅਤ ਸਾਬਤ ਹੋਇਆ ਹੈ, ਇਸ ਲਈ ਸਫਾਰੀ 9 ਵਿਚ ਇਸ ਚੋਣ ਨੂੰ ਜੋੜਨਾ.
ਸਬੰਧਤ ਪੜ੍ਹਨਾ
ਜੇ ਤੁਸੀਂ ਇਹ ਟਿਊਟੋਰਿਅਲ ਲਾਭਦਾਇਕ ਪਾਇਆ ਹੈ, ਸਾਡੀਆਂ ਹੋਰ ਸਫਾਰੀ 9 ਵ੍ਹਾਈਟਹੌਂਡਾਂ ਦੀ ਜਾਂਚ ਕਰੋ.