Needless UI ਨੇਟਿਵ ਐਲੀਮੈਂਟਾਂ ਅਤੇ Popover API ਵਰਗੇ ਵੈੱਬ ਪਲੈਟਫ਼ਾਰਮ ਦੇ ਨਵੇਂ ਫ਼ੀਚਰਾਂ ’ਤੇ ਬਣਿਆ ਹੈ। ਇਹ ਹੇਠਾਂ ਦਿੱਤੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦਾ ਦੱਸੇ ਗਏ ਵਰਜ਼ਨ ਤੋਂ ਅੱਗੇ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਇਸ ਤੋਂ ਪੁਰਾਣੇ ਵਰਜ਼ਨਾਂ ਵਿੱਚ ਮੀਨੂ, ਸਿਲੈਕਟ ਅਤੇ ਪੌਪਓਵਰ ਨਹੀਂ ਖੁੱਲ੍ਹਦੇ।
ਸਮਰਥਿਤ ਬ੍ਰਾਊਜ਼ਰ
| ਬ੍ਰਾਊਜ਼ਰ | ਕਿਸ ਵਰਜ਼ਨ ਤੋਂ | ਕਿਸ ਲਈ ਲੋੜੀਂਦਾ |
|---|---|---|
| ਕੰਪਿਊਟਰ ਅਤੇ Android ’ਤੇ Chrome ਅਤੇ Edge | 120 | CSS ਮਾਸਕ ਨਾਲ ਬਣੇ ਆਈਕਨ, ਅਤੇ ਸੱਜੇ ਤੋਂ ਖੱਬੇ ਲਿਖੇ ਟੈਕਸਟ ਲਈ :dir() |
| ਕੰਪਿਊਟਰ ਅਤੇ Android ’ਤੇ Firefox | 125 | Popover API |
| Mac ’ਤੇ Safari | 17 | Popover API |
| iPhone ਅਤੇ iPad ’ਤੇ ਹਰ ਬ੍ਰਾਊਜ਼ਰ | iOS 17 | Popover API |
| Samsung Internet ਬ੍ਰਾਊਜ਼ਰ | 25 | Chrome ਵਾਂਗ ਹੀ |
Chromium ’ਤੇ ਬਣੇ ਹੋਰ ਬ੍ਰਾਊਜ਼ਰ, ਜਿਵੇਂ Opera ਅਤੇ Brave, Chrome ਦੇ ਵਰਜ਼ਨਾਂ ਮੁਤਾਬਕ ਚੱਲਦੇ ਹਨ। ਖ਼ੁਦ Angular 22 ਨੂੰ Chrome, Edge ਤੇ Firefox 119, ਅਤੇ Safari 17 ਚਾਹੀਦੇ ਹਨ। Internet Explorer ਅਤੇ Chromium ਤੋਂ ਪਹਿਲਾਂ ਵਾਲੇ ਪੁਰਾਣੇ Edge ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ।
ਟੈਸਟ ਕੀਤੇ ਜਾਂਦੇ ਬ੍ਰਾਊਜ਼ਰ
ਹਰ ਬਦਲਾਅ ’ਤੇ ਹਰ ਕੰਪੋਨੈਂਟ ਦੇ ਟੈਸਟ Chrome, Firefox ਅਤੇ Safari ਦੇ ਇੰਜਣਾਂ ਵਿੱਚ ਚੱਲਦੇ ਹਨ। ਹਰ ਰਿਲੀਜ਼ ਤੋਂ ਪਹਿਲਾਂ ਇਨ੍ਹਾਂ ਦਸਤਾਵੇਜ਼ਾਂ ਦਾ ਹਰ ਪੰਨਾ ਹਰ ਇੰਜਣ ਵਿੱਚ, ਕੰਪਿਊਟਰ ’ਤੇ ਅਤੇ ਟੱਚ ਵਾਲੇ ਫ਼ੋਨ ’ਤੇ ਜਾਂਚਿਆ ਜਾਂਦਾ ਹੈ: ਉਸ ਨੂੰ ਠੀਕ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਉਸ ਦਾ ਹਰ ਮੀਨੂ ਅਤੇ ਪੌਪ-ਅੱਪ ਖੁੱਲ੍ਹਣਾ ਚਾਹੀਦਾ ਹੈ, ਉਸ ਨੂੰ ਸਕ੍ਰੀਨ ਵਿੱਚ ਸਮਾਉਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਪਹੁੰਚਯੋਗਤਾ ਦੀਆਂ ਜਾਂਚਾਂ ਪਾਸ ਕਰਨੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ।
| ਇੰਜਣ | ਵਰਜ਼ਨ | ਕਿਸ ’ਤੇ ਟੈਸਟ ਹੁੰਦਾ ਹੈ |
|---|---|---|
| Chromium (Chrome ਅਤੇ Edge ਵਿੱਚ) | 153 | ਕੰਪਿਊਟਰ, ਅਤੇ ਟੱਚ ਵਾਲਾ Android ਫ਼ੋਨ |
| Firefox | 155 | ਕੰਪਿਊਟਰ, ਅਤੇ ਫ਼ੋਨ ਦੇ ਆਕਾਰ ਦੀ ਟੱਚ ਸਕ੍ਰੀਨ |
| WebKit (Safari ਵਿੱਚ) | 26.6 | ਕੰਪਿਊਟਰ, ਅਤੇ ਟੱਚ ਵਾਲਾ iPhone |
| iPhone ’ਤੇ Safari | iOS 17.5 ਅਤੇ 18.6 | iPhone ਸਿਮੂਲੇਟਰ |
ਸਭ ਤੋਂ ਪੁਰਾਣੇ ਸਮਰਥਿਤ ਵਰਜ਼ਨਾਂ ਅਤੇ ਟੈਸਟ ਕੀਤੇ ਵਰਜ਼ਨਾਂ ਦੇ ਵਿਚਕਾਰਲੇ ਵਰਜ਼ਨ ਇੱਕ-ਇੱਕ ਕਰਕੇ ਟੈਸਟ ਨਹੀਂ ਕੀਤੇ ਜਾਂਦੇ: ਉਨ੍ਹਾਂ ਦਾ ਸਮਰਥਨ ਇਸ ਲਈ ਹੈ, ਕਿਉਂਕਿ ਉਨ੍ਹਾਂ ਵਿੱਚ ਉਹ ਸਾਰੇ ਫ਼ੀਚਰ ਹਨ ਜਿਨ੍ਹਾਂ ਦੀ ਕੰਪੋਨੈਂਟਾਂ ਨੂੰ ਲੋੜ ਹੈ।
ਨਵੇਂ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਵਾਧੂ ਖ਼ੂਬੀਆਂ
ਕੁਝ ਬਾਰੀਕੀਆਂ ਅਜਿਹੇ ਫ਼ੀਚਰ ਵਰਤਦੀਆਂ ਹਨ, ਜੋ ਸਿਰਫ਼ ਨਵੇਂ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਹਨ। ਹੋਰ ਬ੍ਰਾਊਜ਼ਰ ਉਨ੍ਹਾਂ ਨੂੰ ਛੱਡ ਦਿੰਦੇ ਹਨ, ਅਤੇ ਕੁਝ ਵੀ ਨਹੀਂ ਟੁੱਟਦਾ:
| ਬਾਰੀਕੀ | ਬ੍ਰਾਊਜ਼ਰ | ਹੋਰ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ |
|---|---|---|
| ਪੌਪਓਵਰ, ਮੀਨੂ ਅਤੇ ਡਾਇਲਾਗ ਐਨੀਮੇਸ਼ਨ ਨਾਲ ਖੁੱਲ੍ਹਦੇ ਅਤੇ ਬੰਦ ਹੁੰਦੇ ਹਨ | Chrome ਅਤੇ Edge, Firefox 129, Safari 17.5 | ਉਹ ਇੱਕਦਮ ਦਿਸਦੇ ਅਤੇ ਗ਼ਾਇਬ ਹੁੰਦੇ ਹਨ |
ਸਕਵਰਕਲ ਕੋਨੇ (corner-shape) | Chrome ਅਤੇ Edge 139 | ਗੋਲ ਕੋਨੇ |
| ਸਕ੍ਰੀਨ ’ਤੇ ਕਿਤੋਂ ਵੀ ਰੰਗ ਚੁੱਕਣਾ | ਕੰਪਿਊਟਰ ’ਤੇ Chrome ਅਤੇ Edge | ਆਈਡ੍ਰੌਪਰ ਬਟਨ ਨਹੀਂ ਹੁੰਦਾ |
| ਡ੍ਰੌਪਜ਼ੋਨ ਵਿੱਚ ਪੂਰਾ ਫ਼ੋਲਡਰ ਚੁਣਨਾ | ਕੰਪਿਊਟਰ ਦੇ ਬ੍ਰਾਊਜ਼ਰ | ਸਿਰਫ਼ ਫ਼ਾਈਲਾਂ |
| ਕੈਰੋਸਲ ਦੇ ਰੋਟੇਸ਼ਨ ਕੰਟਰੋਲ ਦਾ ਘੇਰਾ ਲਗਾਤਾਰ ਭਰਦਾ ਜਾਂਦਾ ਹੈ | Chrome ਅਤੇ Edge, Firefox 128, Safari | ਘੇਰਾ ਇੱਕੋ ਝਟਕੇ ਵਿੱਚ ਭਰ ਜਾਂਦਾ ਹੈ |
ਫ਼ੋਨ ਅਤੇ ਟੱਚ ਸਕ੍ਰੀਨਾਂ
ਹਰ ਕੰਪੋਨੈਂਟ ਟੱਚ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ। ਸਪਲਿਟਰ ਦੇ ਹੈਂਡਲ, ਰੰਗ-ਖੇਤਰ, ਕਾਲਮਾਂ ਦੇ ਕਿਨਾਰੇ ਅਤੇ ਟੋਸਟ ਪੰਨੇ ਨੂੰ ਸਕ੍ਰੋਲ ਕੀਤੇ ਬਿਨਾਂ ਉਂਗਲ ਦੇ ਨਾਲ-ਨਾਲ ਚੱਲਦੇ ਹਨ, ਕੈਰੋਸਲ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਆਪਣੀ ਸਕ੍ਰੋਲਿੰਗ ਨਾਲ ਸਵਾਈਪ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਦੇਰ ਤੱਕ ਦਬਾ ਕੇ ਰੱਖਣ ਨਾਲ ਸ਼ਡਿਊਲਰ ਦਾ ਇਵੈਂਟ ਹਿਲਾਉਣ ਲਈ ਚੁੱਕਿਆ ਜਾਂਦਾ ਹੈ। ਟੱਚ ਸਕ੍ਰੀਨਾਂ ’ਤੇ ਫ਼ੀਲਡਾਂ ਦਾ ਟੈਕਸਟ ਘੱਟੋ-ਘੱਟ 16px ਹੁੰਦਾ ਹੈ, ਤਾਂ ਜੋ iPhone ਉਨ੍ਹਾਂ ’ਤੇ ਜ਼ੂਮ ਨਾ ਕਰਨ, ਅਤੇ ਜੋ ਕੀ-ਬੋਰਡ ਸ਼ਬਦਾਂ ਨੂੰ ਕੰਪੋਜ਼ ਕਰਕੇ ਲਿਖਦੇ ਹਨ, ਜਿਵੇਂ Android ਕੀ-ਬੋਰਡ, ਉਨ੍ਹਾਂ ਤੋਂ ਆਏ ਸ਼ਬਦ ਪੂਰੇ ਦੇ ਪੂਰੇ ਪਹੁੰਚਦੇ ਹਨ।
ਟੱਚ ਸਕ੍ਰੀਨਾਂ ’ਤੇ ਹੋਵਰ ਨਹੀਂ ਹੋ ਸਕਦਾ, ਇਸ ਲਈ ਹੋਵਰਕਾਰਡ ਪੰਨੇ ’ਤੇ ਮੌਜੂਦ ਜਾਣਕਾਰੀ ਵਿੱਚ ਸਿਰਫ਼ ਵਾਧਾ ਕਰਦਾ ਹੈ: ਉਸ ਵਿੱਚ ਕੋਈ ਜ਼ਰੂਰੀ ਚੀਜ਼ ਨਾ ਰੱਖੋ। ਫ਼ੋਨ ’ਤੇ ਚੈਟ ਦੀ Return ਕੁੰਜੀ ਨਵੀਂ ਲਾਈਨ ਬਣਾਉਂਦੀ ਹੈ, ਅਤੇ ਭੇਜਣ ਦਾ ਕੰਮ ਉਸ ਦਾ ਬਟਨ ਕਰਦਾ ਹੈ।
Safari ਵਿੱਚ ਕੀ-ਬੋਰਡ
ਡਿਫ਼ਾਲਟ ਰੂਪ ਵਿੱਚ Safari ਵਿੱਚ Tab ਕੁੰਜੀ ਸਿਰਫ਼ ਟੈਕਸਟ ਫ਼ੀਲਡਾਂ ਅਤੇ ਪੌਪ-ਅੱਪ ਮੀਨੂਆਂ ਵਿਚਕਾਰ ਹੀ ਜਾਂਦੀ ਹੈ। ਹਰ ਬਟਨ ਅਤੇ ਲਿੰਕ ਤੱਕ ਪਹੁੰਚਣ ਲਈ Safari ਦੀਆਂ “ਉੱਨਤ” (Advanced) ਸੈਟਿੰਗਾਂ ਵਿੱਚ “ਵੈੱਬਪੇਜ ’ਤੇ ਹਰ ਆਈਟਮ ਨੂੰ ਹਾਈਲਾਈਟ ਕਰਨ ਲਈ Tab ਦਬਾਓ” (Press Tab to highlight each item on a webpage) ਚਾਲੂ ਕਰੋ, ਜਾਂ Option + Tab ਦਬਾਓ। Safari ਕਲਿੱਕ ਕੀਤੇ ਬਟਨ ’ਤੇ ਫ਼ੋਕਸ ਵੀ ਨਹੀਂ ਕਰਦਾ; ਕੰਪੋਨੈਂਟ ਇਸ ਕਮੀ ਨੂੰ ਪੂਰਾ ਕਰਦੇ ਹਨ, ਇਸ ਲਈ ਕਲਿੱਕ ਤੋਂ ਬਾਅਦ ਵੀ ਕੀ-ਬੋਰਡ ਹੋਰ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਾਂਗ ਉੱਥੋਂ ਹੀ ਅੱਗੇ ਚੱਲਦਾ ਹੈ।