ç¨æ·ä»£ç客æ·ç«¯æç¤º API
æéå¯ç¨
æ¤ç¹æ§ä¸å±äºåºçº¿ï¼å 为å®å°æªå¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æã
Want more browser support for this feature? Tell us why.
å®éªæ§: è¿æ¯ä¸é¡¹å®éªæ§ææ¯
å¨å°å
¶ç¨äºç产ä¹åï¼è¯·ä»ç»æ£æ¥æµè§å¨å
¼å®¹æ§è¡¨æ ¼ã
ç¨æ·ä»£ç客æ·ç«¯æç¤º APIï¼User-Agent Client Hints APIï¼æ©å±äºå®¢æ·ç«¯æç¤ºï¼ä»¥æä¾ä¸ç§éè¿ç¨æ·ä»£çååºåè¯·æ±æ 头以å JavaScript API å ¬å¼æµè§å¨åå¹³å°ä¿¡æ¯çæ¹æ³ã
æ¦å¿µåç¨æ³
è§£æç¨æ·ä»£çåç¬¦ä¸²åæ¥æ¯è·åæå ³ç¨æ·æµè§å¨æè®¾å¤ä¿¡æ¯çæ¹æ³ãå ¸åçç¨æ·ä»£çå符串å¦ä¸ä¾æç¤ºï¼æ è¯ Windows ä¸ç Chrome 92ï¼
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.107 Safari/537.36
ç¨æ·ä»£ç客æ·ç«¯æç¤ºæ¨å¨éè¿å¼ºå¶æ§è¡æå¡å¨è¯·æ±ä¸ç»ä¿¡æ¯ç模åï¼ä»¥æ´å ä¿æ¤éç§çæ¹å¼æä¾æ¤ä¿¡æ¯ãç±æµè§å¨å³å®è¿åä»ä¹ãè¿ç§æ¹æ³æå³çç¨æ·ä»£çå¯ä»¥æä¾å è®¸ç¨æ·éèä¸äºå¯ä»¥ä»æ¤ç±»è¯·æ±ä¸è·åæçº¹çä¿¡æ¯ç设置ã
为äºå³å®è¿åä»ä¹ï¼éè¿æ¤ API 访é®çä¿¡æ¯è¢«å为两ç»ââä½çµåé«çµæç¤ºãä½çµæç¤ºæ¯é£äºä¸ä¼æ³é²å¤ªå¤ä¿¡æ¯çæç¤ºï¼API 使æ¯ä¸ªè¯·æ±é½å¯ä»¥è½»æ¾è®¿é®è¿äºæç¤ºãé«çµæç¤ºæå¯è½æ³é²æ´å¤ä¿¡æ¯ï¼å æ¤ä»¥æµè§å¨å¯ä»¥å³å®æ¯å¦æä¾å®ä»¬çæ¹å¼è¿è¡æ§å¶ãæ¤å³å®å¯è½åºäºç¨æ·åå¥½ï¼æåºäºæé请æ±ã
ç¨æ·ä»£ç客æ·ç«¯æç¤ºçç¨ä¾
æ½å¨çç¨ä¾å æ¬ï¼
- åç¨æ·æä¾å®å¶ç polyfillï¼éè¿è¯å«ä»ä»¬çæµè§å¨ç¼ºä¹çæäºç½ç»å¹³å°ç¹æ§ã
- è§£å³æµè§å¨é误信æ¯ã
- è®°å½æµè§å¨åææ°æ®ã
- æ ¹æ®ç¨æ·ä»£çä¿¡æ¯è°æ´å 容ãè¿å æ¬åç§»å¨è®¾å¤ï¼ç¹å«æ¯è¢«è¯å«ä¸ºä½åèç设å¤ï¼æä¾ä¸åçå 容ãå®è¿å¯è½å æ¬è°æ´è®¾è®¡ä»¥å®å¶éåç¨æ·æä½ç³»ç»ççé¢ï¼ææä¾ç¹å®äºæä½ç³»ç»ç龿¥ã
- ä½ä¸ºä¸é¡¹å®å ¨ç¹æ§ï¼å½ç¨æ·ä»ä¸åçæµè§å¨æè®¾å¤ç»å½æ¶æä¾éç¥ã
- 卿ä¾ä¸è½½çç½ç«ä¸æä¾æ£ç¡®çäºè¿å¶å¯æ§è¡æä»¶ã
- æ¶éæå ³æµè§å¨å设å¤çä¿¡æ¯ä»¥è¯å«åºç¨ç¨åºé误ã
- 黿¢åå¾é®ä»¶åéè ãæºå¨äººåç¬è«ã
æ¥å£
-
æä¾ç¨äºè®¿é®æå ³ç¨æ·æµè§å¨åæä½ç³»ç»çæ°æ®ç屿§åæ¹æ³ã
å ¶ä»æ¥å£çæ©å±
-
è¿åä¸ä¸ª
NavigatorUAData对象ï¼è¯¥å¯¹è±¡å è®¸è®¿é®æå ³ç¨æ·çæµè§å¨åæä½ç³»ç»çä¿¡æ¯ã -
è¿åä¸ä¸ª
NavigatorUAData对象ï¼è¯¥å¯¹è±¡å è®¸è®¿é®æå ³ç¨æ·çæµè§å¨åæä½ç³»ç»çä¿¡æ¯ã
示ä¾
>è·åæµè§å¨åçä¿¡æ¯
以ä¸ç¤ºä¾å° NavigatorUAData.brands ç弿å°å°æ§å¶å°ã
console.log(navigator.userAgentData.brands);
è¿åé«çµçä¿¡æ¯
å¨ä»¥ä¸ç¤ºä¾ä¸ï¼ä½¿ç¨ NavigatorUAData.getHighEntropyValues() æ¹æ³è¯·æ±å¤§éæç¤ºãå½ promise å
ç°æ¶ï¼æ¤ä¿¡æ¯å°æå°å°æ§å¶å°ã
navigator.userAgentData
.getHighEntropyValues([
"architecture",
"model",
"platform",
"platformVersion",
"fullVersionList",
])
.then((ua) => {
console.log(ua);
});
è§è
| è§è |
|---|
| User-Agent Client Hints > |