ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਡਿਵਾਈਸਾਂ
ਉਹਨਾਂ ਬ੍ਰਾਊਜ਼ਰਾਂ ਅਤੇ ਡਿਵਾਈਸਾਂ ਬਾਰੇ ਜਾਣੋ, ਆਧੁਨਿਕ ਤੋਂ ਪੁਰਾਣੇ ਤੱਕ, ਜੋ ਕਿ ਬੂਟਸਟਰੈਪ ਦੁਆਰਾ ਸਮਰਥਿਤ ਹਨ, ਹਰੇਕ ਲਈ ਜਾਣੇ-ਪਛਾਣੇ ਕੁਇਰਕਸ ਅਤੇ ਬੱਗਸ ਸਮੇਤ।
ਸਮਰਥਿਤ ਬ੍ਰਾਊਜ਼ਰ
ਬੂਟਸਟਰੈਪ ਸਾਰੇ ਪ੍ਰਮੁੱਖ ਬ੍ਰਾਊਜ਼ਰਾਂ ਅਤੇ ਪਲੇਟਫਾਰਮਾਂ ਦੇ ਨਵੀਨਤਮ, ਸਥਿਰ ਰੀਲੀਜ਼ਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।
ਵੈਬਕਿੱਟ, ਬਲਿੰਕ, ਜਾਂ ਗੇਕੋ ਦੇ ਨਵੀਨਤਮ ਸੰਸਕਰਣ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੇ ਵਿਕਲਪਿਕ ਬ੍ਰਾਊਜ਼ਰ, ਭਾਵੇਂ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਜਾਂ ਪਲੇਟਫਾਰਮ ਦੇ ਵੈੱਬ ਵਿਊ API ਰਾਹੀਂ, ਸਪੱਸ਼ਟ ਤੌਰ 'ਤੇ ਸਮਰਥਿਤ ਨਹੀਂ ਹਨ। ਹਾਲਾਂਕਿ, ਬੂਟਸਟਰੈਪ (ਜ਼ਿਆਦਾਤਰ ਮਾਮਲਿਆਂ ਵਿੱਚ) ਇਹਨਾਂ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਵੀ ਸਹੀ ਢੰਗ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਅਤੇ ਕੰਮ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ। ਵਧੇਰੇ ਖਾਸ ਸਹਾਇਤਾ ਜਾਣਕਾਰੀ ਹੇਠਾਂ ਦਿੱਤੀ ਗਈ ਹੈ।
ਤੁਸੀਂ ਸਾਡੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦੀ ਸਮਰਥਿਤ ਰੇਂਜ ਅਤੇ ਉਹਨਾਂ ਦੇ ਸੰਸਕਰਣਾਂ ਨੂੰ ਸਾਡੇ ਵਿੱਚ.browserslistrc file ਲੱਭ ਸਕਦੇ ਹੋ :
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
ਅਸੀਂ CSS ਪ੍ਰੀਫਿਕਸ ਦੁਆਰਾ ਉਦੇਸ਼ਿਤ ਬ੍ਰਾਊਜ਼ਰ ਸਹਾਇਤਾ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਆਟੋਪ੍ਰੀਫਿਕਸਰ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ, ਜੋ ਇਹਨਾਂ ਬ੍ਰਾਊਜ਼ਰ ਸੰਸਕਰਣਾਂ ਨੂੰ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ ਬ੍ਰਾਊਜ਼ਰਲਿਸਟ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਇਹਨਾਂ ਸਾਧਨਾਂ ਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਕਿਵੇਂ ਏਕੀਕ੍ਰਿਤ ਕਰਨਾ ਹੈ ਇਸ ਲਈ ਉਹਨਾਂ ਦੇ ਦਸਤਾਵੇਜ਼ਾਂ ਦੀ ਸਲਾਹ ਲਓ।
ਮੋਬਾਈਲ ਉਪਕਰਣ
ਆਮ ਤੌਰ 'ਤੇ, ਬੂਟਸਟਰੈਪ ਹਰੇਕ ਪ੍ਰਮੁੱਖ ਪਲੇਟਫਾਰਮ ਦੇ ਡਿਫੌਲਟ ਬ੍ਰਾਉਜ਼ਰਾਂ ਦੇ ਨਵੀਨਤਮ ਸੰਸਕਰਣਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਨੋਟ ਕਰੋ ਕਿ ਪ੍ਰੌਕਸੀ ਬ੍ਰਾਊਜ਼ਰ (ਜਿਵੇਂ ਕਿ ਓਪੇਰਾ ਮਿਨੀ, ਓਪੇਰਾ ਮੋਬਾਈਲ ਦਾ ਟਰਬੋ ਮੋਡ, ਯੂਸੀ ਬ੍ਰਾਊਜ਼ਰ ਮਿਨੀ, ਐਮਾਜ਼ਾਨ ਸਿਲਕ) ਸਮਰਥਿਤ ਨਹੀਂ ਹਨ।
| ਕਰੋਮ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਐਂਡਰਾਇਡ ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਵੈਬਵਿਊ | |
|---|---|---|---|---|
| ਐਂਡਰਾਇਡ | ਸਹਿਯੋਗੀ | ਸਹਿਯੋਗੀ | - | v6.0+ |
| iOS | ਸਹਿਯੋਗੀ | ਸਹਿਯੋਗੀ | ਸਹਿਯੋਗੀ | - |
ਡੈਸਕਟਾਪ ਬ੍ਰਾਊਜ਼ਰ
ਇਸੇ ਤਰ੍ਹਾਂ, ਜ਼ਿਆਦਾਤਰ ਡੈਸਕਟਾਪ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦੇ ਨਵੀਨਤਮ ਸੰਸਕਰਣ ਸਮਰਥਿਤ ਹਨ।
| ਕਰੋਮ | ਫਾਇਰਫਾਕਸ | ਮਾਈਕ੍ਰੋਸਾੱਫਟ ਐਜ | ਓਪੇਰਾ | ਸਫਾਰੀ | |
|---|---|---|---|---|---|
| ਮੈਕ | ਸਹਿਯੋਗੀ | ਸਹਿਯੋਗੀ | ਸਹਿਯੋਗੀ | ਸਹਿਯੋਗੀ | ਸਹਿਯੋਗੀ |
| ਵਿੰਡੋਜ਼ | ਸਹਿਯੋਗੀ | ਸਹਿਯੋਗੀ | ਸਹਿਯੋਗੀ | ਸਹਿਯੋਗੀ | - |
ਫਾਇਰਫਾਕਸ ਲਈ, ਨਵੀਨਤਮ ਸਧਾਰਣ ਸਥਿਰ ਰੀਲੀਜ਼ ਤੋਂ ਇਲਾਵਾ, ਅਸੀਂ ਫਾਇਰਫਾਕਸ ਦੇ ਨਵੀਨਤਮ ਐਕਸਟੈਂਡਡ ਸਪੋਰਟ ਰੀਲੀਜ਼ (ESR) ਸੰਸਕਰਣ ਦਾ ਵੀ ਸਮਰਥਨ ਕਰਦੇ ਹਾਂ।
ਅਣਅਧਿਕਾਰਤ ਤੌਰ 'ਤੇ, ਲੀਨਕਸ ਲਈ ਕ੍ਰੋਮੀਅਮ ਅਤੇ ਕ੍ਰੋਮ, ਅਤੇ ਲੀਨਕਸ ਲਈ ਫਾਇਰਫਾਕਸ ਵਿੱਚ ਬੂਟਸਟਰੈਪ ਨੂੰ ਚੰਗੀ ਤਰ੍ਹਾਂ ਦੇਖਣਾ ਅਤੇ ਵਿਵਹਾਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ, ਹਾਲਾਂਕਿ ਇਹ ਅਧਿਕਾਰਤ ਤੌਰ 'ਤੇ ਸਮਰਥਿਤ ਨਹੀਂ ਹਨ।
ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ
ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਸਮਰਥਿਤ ਨਹੀਂ ਹੈ। ਜੇਕਰ ਤੁਹਾਨੂੰ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਸਹਾਇਤਾ ਦੀ ਲੋੜ ਹੈ, ਤਾਂ ਕਿਰਪਾ ਕਰਕੇ ਬੂਟਸਟਰੈਪ v4 ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਮੋਬਾਈਲ 'ਤੇ ਮਾਡਲ ਅਤੇ ਡਰਾਪਡਾਊਨ
ਓਵਰਫਲੋ ਅਤੇ ਸਕ੍ਰੋਲਿੰਗ
overflow: hidden;ਆਈਓਐਸ ਅਤੇ ਐਂਡਰੌਇਡ ਵਿੱਚ ਐਲੀਮੈਂਟ ਲਈ ਸਮਰਥਨ <body>ਕਾਫ਼ੀ ਸੀਮਤ ਹੈ। ਇਸ ਲਈ, ਜਦੋਂ ਤੁਸੀਂ ਇਹਨਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਵੀ ਡਿਵਾਈਸ ਦੇ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਇੱਕ ਮਾਡਲ ਦੇ ਉੱਪਰ ਜਾਂ ਹੇਠਾਂ ਸਕ੍ਰੋਲ ਕਰਦੇ ਹੋ, ਤਾਂ <body>ਸਮੱਗਰੀ ਸਕ੍ਰੋਲ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰ ਦੇਵੇਗੀ। ਕਰੋਮ ਬੱਗ #175502 ( Chrome v40 ਵਿੱਚ ਹੱਲ) ਅਤੇ WebKit ਬੱਗ #153852 ਦੇਖੋ ।
iOS ਟੈਕਸਟ ਖੇਤਰ ਅਤੇ ਸਕ੍ਰੋਲਿੰਗ
iOS 9.2 ਦੇ ਅਨੁਸਾਰ, ਜਦੋਂ ਇੱਕ ਮਾਡਲ ਖੁੱਲ੍ਹਾ ਹੁੰਦਾ ਹੈ, ਜੇਕਰ ਇੱਕ ਸਕ੍ਰੌਲ ਸੰਕੇਤ ਦੀ ਸ਼ੁਰੂਆਤੀ ਛੋਹ ਇੱਕ ਟੈਕਸਟ <input>ਜਾਂ ਇੱਕ ਦੀ ਸੀਮਾ ਦੇ ਅੰਦਰ ਹੈ <textarea>, <body>ਤਾਂ ਮਾਡਲ ਦੇ ਹੇਠਾਂ ਸਮੱਗਰੀ ਨੂੰ ਮਾਡਲ ਦੀ ਬਜਾਏ ਸਕ੍ਰੋਲ ਕੀਤਾ ਜਾਵੇਗਾ। ਵੈਬਕਿੱਟ ਬੱਗ #153856 ਵੇਖੋ ।
ਨਵਬਾਰ ਡ੍ਰੌਪਡਾਊਨ
.dropdown-backdropz-ਇੰਡੈਕਸਿੰਗ ਦੀ ਗੁੰਝਲਤਾ ਦੇ ਕਾਰਨ ਆਈਓਐਸ 'ਤੇ ਤੱਤ ਦੀ ਵਰਤੋਂ nav ਵਿੱਚ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ । ਇਸ ਤਰ੍ਹਾਂ, navbars ਵਿੱਚ ਡ੍ਰੌਪਡਾਉਨ ਨੂੰ ਬੰਦ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਡ੍ਰੌਪਡਾਉਨ ਐਲੀਮੈਂਟ (ਜਾਂ ਕੋਈ ਹੋਰ ਐਲੀਮੈਂਟ ਜੋ iOS ਵਿੱਚ ਇੱਕ ਕਲਿਕ ਇਵੈਂਟ ਨੂੰ ਫਾਇਰ ਕਰੇਗਾ ) ਨੂੰ ਸਿੱਧਾ ਕਲਿੱਕ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ।
ਬ੍ਰਾਊਜ਼ਰ ਜ਼ੂਮ ਕਰਨਾ
ਪੰਨਾ ਜ਼ੂਮ ਕਰਨਾ ਲਾਜ਼ਮੀ ਤੌਰ 'ਤੇ ਬੂਟਸਟਰੈਪ ਅਤੇ ਬਾਕੀ ਵੈੱਬ ਦੋਵਾਂ ਵਿੱਚ, ਕੁਝ ਹਿੱਸਿਆਂ ਵਿੱਚ ਰੈਂਡਰਿੰਗ ਕਲਾਤਮਕ ਚੀਜ਼ਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਦਾ ਹੈ। ਮੁੱਦੇ 'ਤੇ ਨਿਰਭਰ ਕਰਦੇ ਹੋਏ, ਅਸੀਂ ਇਸਨੂੰ ਠੀਕ ਕਰਨ ਦੇ ਯੋਗ ਹੋ ਸਕਦੇ ਹਾਂ (ਪਹਿਲਾਂ ਖੋਜ ਕਰੋ ਅਤੇ ਫਿਰ ਲੋੜ ਪੈਣ 'ਤੇ ਸਮੱਸਿਆ ਨੂੰ ਖੋਲ੍ਹੋ)। ਹਾਲਾਂਕਿ, ਅਸੀਂ ਇਹਨਾਂ ਨੂੰ ਨਜ਼ਰਅੰਦਾਜ਼ ਕਰਦੇ ਹਾਂ ਕਿਉਂਕਿ ਉਹਨਾਂ ਕੋਲ ਅਕਸਰ ਹੈਕੀ ਹੱਲ ਤੋਂ ਇਲਾਵਾ ਕੋਈ ਸਿੱਧਾ ਹੱਲ ਨਹੀਂ ਹੁੰਦਾ।
ਪ੍ਰਮਾਣਿਕਤਾ
ਪੁਰਾਣੇ ਅਤੇ ਬੱਗੀ ਬ੍ਰਾਊਜ਼ਰਾਂ ਨੂੰ ਸਭ ਤੋਂ ਵਧੀਆ ਸੰਭਵ ਅਨੁਭਵ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ, ਬੂਟਸਟਰੈਪ ਕਈ ਥਾਵਾਂ 'ਤੇ CSS ਬ੍ਰਾਊਜ਼ਰ ਹੈਕ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਤਾਂ ਜੋ ਕੁਝ ਬ੍ਰਾਊਜ਼ਰ ਸੰਸਕਰਣਾਂ ਨੂੰ ਖਾਸ CSS ਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾਇਆ ਜਾ ਸਕੇ ਤਾਂ ਜੋ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਬੱਗ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਕੰਮ ਕੀਤਾ ਜਾ ਸਕੇ। ਇਹ ਹੈਕ ਸਮਝਦਾਰੀ ਨਾਲ CSS ਪ੍ਰਮਾਣਿਕਤਾ ਨੂੰ ਸ਼ਿਕਾਇਤ ਕਰਨ ਦਾ ਕਾਰਨ ਬਣਦੇ ਹਨ ਕਿ ਉਹ ਅਵੈਧ ਹਨ। ਕੁਝ ਥਾਵਾਂ 'ਤੇ, ਅਸੀਂ ਬਲੀਡਿੰਗ-ਐਜ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ ਜੋ ਅਜੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪ੍ਰਮਾਣਿਤ ਨਹੀਂ ਹਨ, ਪਰ ਇਹਨਾਂ ਦੀ ਵਰਤੋਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪ੍ਰਗਤੀਸ਼ੀਲ ਸੁਧਾਰ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
ਇਹ ਪ੍ਰਮਾਣਿਕਤਾ ਚੇਤਾਵਨੀਆਂ ਅਭਿਆਸ ਵਿੱਚ ਮਾਇਨੇ ਨਹੀਂ ਰੱਖਦੀਆਂ ਕਿਉਂਕਿ ਸਾਡੇ CSS ਦਾ ਗੈਰ-ਹੈਕੀ ਹਿੱਸਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪ੍ਰਮਾਣਿਤ ਹੁੰਦਾ ਹੈ ਅਤੇ ਹੈਕੀ ਹਿੱਸੇ ਗੈਰ-ਹੈਕੀ ਵਾਲੇ ਹਿੱਸੇ ਦੇ ਸਹੀ ਕੰਮਕਾਜ ਵਿੱਚ ਵਿਘਨ ਨਹੀਂ ਪਾਉਂਦੇ ਹਨ, ਇਸ ਲਈ ਅਸੀਂ ਜਾਣਬੁੱਝ ਕੇ ਇਹਨਾਂ ਖਾਸ ਚੇਤਾਵਨੀਆਂ ਨੂੰ ਅਣਡਿੱਠ ਕਿਉਂ ਕਰਦੇ ਹਾਂ।
ਸਾਡੇ HTML ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਵੀ ਕੁਝ ਮਾਮੂਲੀ ਅਤੇ ਗੈਰ-ਜ਼ਰੂਰੀ HTML ਪ੍ਰਮਾਣਿਕਤਾ ਚੇਤਾਵਨੀਆਂ ਹਨ ਕਿਉਂਕਿ ਇੱਕ ਖਾਸ ਫਾਇਰਫਾਕਸ ਬੱਗ ਲਈ ਇੱਕ ਹੱਲ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ ।