??? ?? API : ?? ??? ?? ?? ?? ??? ???? ??? ??? ?? ? ?? ??? ? ?? ???? ??? ??? ?????.

???? ????? ??? ??? ????? ? ???? ???? ???? ?? (? : ??? ??)? ?? ? ? ????. ??? ?? ????? ????? ???? ?? ? ????.
• ?? ?? API : ??? ? ???? ???? ?? ??? ??? ?? Firefox??? ???? ??? ? ???? ???? ?? ??? ??? ?????. ?? API :
? ???? ??? ?? ? ? ??? ??? ?? ??? ??????? ? ??? ? ????. ?? ?? API ? ????? ?? ???? ? ??? ????? ?? ??? ?????.
• "??? ?? ??"? "??? ?? (??? ? ? ??? ?)? ?? ????? ????? ???? ?????? ??? ?? ????? ????? ???? ? ?? ????? ????. ??? ??? (???) ?? ?? ???? ??? ? ??? ??? ????? ?? ???????.
?? ??, ?? ?? ???? ? ? ?? ????? ?? ??? ??? ?? ???, ?? ?? ? ??? ??? ??? ????. ??? ??? ????, ?? ??? ??????? ??? ? ???? ??? ? ??? ???? ?? ??? ??? ? ? ??? ?? ?????. ???? ??? ????? ??? ?????? Web Technology? ????? HTML, CSS ? JavaScript? ???? ??? ? ? ??? ??? ?? ??????
• ? ????? ? ???? ??? ??? ???? ?? ??? ?????? ??? ??? ? ?????? ??? ???? ??? JavaScript API? ?????. ??? ?? api
??? ?? API? ???? ??? ?? ?? ??? ?? ??? ?????. ? API? ???? ???? ?????, ???? ??? ???? ? ?? ?? ?? ? ? ? ????. ??? ?? ???
• ??? ??? 4 ?? ??? ?? ??? ? ? ????. ? API? ?? ?? ??? ?? ? ? ??? ? ??? ???? ?????. ? API? ?? ??, ?? (?? ???)? ???? ? ??????? ????? ? ?? ?? ??? ???? ?? ?? ?? ? ?????. ??? ??? ?? ??? ?? ??? ?? ??? ???? ?????. ? API? ???? ??? ??? ??? ??? ? ? ??? ??? ???? ?? ?? ??? ??? ???? ?? ??? ? ?? ??? ??? ???? ??? ? ????. ? ???? ?? ???? ??? ?? API? Firefox??? ????? ??? ??? API? ????? ???? ?? ?? ????. ? API? ???? ??? ?? ??? ????.

  if (window.navigator && window.navigator.battery) {
     // API 受支持
  } else {
     // 不受支持
  }

  ? API? ???? ??? ??? ????. ? ????? Sitepoint?? ??? ?? API? ???? ??????.

  <<> ? ?? API

  ??? ???? ??? ?? ??? ??? ??? ?? ?? ????? ?????. ??? ? ???? ??? ?????? ?????. Google? Twitter? ?? ???? ?? ?? ????? ??? ??? ?????.

  ? ?? API? ???? ????? ??? ??? ????? ??? ??? ?? ?? ? API???. ??? ?? ???? ??? ??? ?? ? ??? ??? ???? ????? ???? ? ????. ???? ?? ???? ??? ????? ??? UI? ??? ??? ??? ?? ????? ???? ????. ??? ??? ?? ?????? ?? ???? ? ??? ?????. ?? ??, ??? ????? ?? ?? ?? ? ? ????. ? ?? API? ??? ??? ?? ?????. ?? ????? ?? ??? ??????. ? ??? ???? ?? ??? ??? ? ????.

  ?? Chrome, Firefox ? Safari?? API? ?????. ? ?? API? ???? ??? ?????? Firefox, Android 4.4 ? BlackBerry? ?????. ??? ?? ? ?? ????? Chrome Mobile ?? API? ???? ????! ???? ?????.

  ? API? ???? ????? ??? ?? ??? ????? JavaScript ??? ???? ?? ??? ????? ???? ??? ?? ??? ????????. ?? ?? ? ??? ?? ??? ??? ?? ? ? ????.

  ? API? ?????? ?? ??! ? ?? API? ???? ???? ??? ??? ?? ? ??? ??? ??? ?? ? ?? ????.
  <<> ?? ?? api

  window ?? ?? API? ??? ? ???? ???? ?? ??? ??? ???? ? ??? ??? JavaScript API???. ??? ?? ?? (??? ?? ????? ??)? ?????. ?? ?? API? ???? ???? ???? ??? Notification ??? ? ??? ? ??????. ??? ??? ?? ?? ??? ?? ? ? ????. ? ?? ???

  ? ??? ?? ?? ??? ?? ??? ?? ??? ???? ??, ? ?? ???? ??? ??? ??? ?? ? ?????.

  // 打印電池是否正在充電
  console.log("電池" + (navigator.battery.charging ? "" : "未") + "充電");

  ? API? ???? ??? ????? ?? 15?? ???? Firefox (???? ? ???)???. ????, ?? ??? ?????? ?? ??? ?? ??? ?? ??? ??? ???????.

  ? API? ????? ?? :

  ??? ?? ?? ??? ????

  ?? ?? API? ?? ??? ?? ??? "?? ?? API? ??"??? ??? ??? ????. ???? ??? ?????? ??? ??? ? ????.

  var notification = new Notification('收到電子郵件', {
    body: '您收到了一封電子郵件。立即閱讀！'
  });

  <<> ?? api

  ?? API? ??? ???? ??? ??? ???? ?? ??? API???. ? ?? ??? ??? 10 ? ?? ?? ???? ?? ? ??? ?? ? ??? ???? ?????. ??? ???? API? ??? ??? ????.

  ?? ?????, ?? API? ?? ??? ? ?????. ??? ?? ??? ???

  ??? ????. ??? ?? ???? ?? ?? ?? ???? ??? ??????.

  ??? ?????? ???? ?? ??? API? ?? ?? ?????? ?????. ???? ???? ?? ?? ????? ????? ????? ? ? ????. ??? ???? ?? ????? ? ?? ??? ????? (? ??? ???? ?? ?). ?? ??? ?? ?? ???? ?? ???? vibrate() API? ???? ?? ??? ??? ?? ??? ??? ??? ????. window.navigator ? API? ?? ??? ?? ??? "HTML5 ?? API? ???? ??"? ?? ??? ???? ?? ?? ????.

  <<> ?? ?? api

  ?? ???? ?? ??? API? ?? ?? API???. ??? ??? ???? ?? ????? ???????? ??? ????? ??? ??? ?????. ? API? ??? ??? ?? ? ??? ?? ??? ???? ?? ???? ?????. ? API? W3C ?? ???????. ?, ??? ????? ?? ??? ??? ??? ? ????.

  if (window.navigator && window.navigator.battery) {
     // API 受支持
  } else {
     // 不受支持
  }

  API? ?? ? ?? ???? ??????. ? ?? ???? ????? ?? ??? ??? ???? ??????. ? ?? ???? ??? ?? ?? ?? ? ??? ??????. ??? ???? ??? ????? ???? ??????? ???? ??????.

  
  ?? ?? ?? ???? (??? ??)?? API? ????? ??? ?????? ???? ????. ?? ??, ?? ?? ????

  ???? ???? ????? ?? ????. ??? ? ???? ? ???? ????? ????? ????. ???? ??? ?????? ??? ? ? ????.

  // 打印電池是否正在充電
  console.log("電池" + (navigator.battery.charging ? "" : "未") + "充電");

  ?? :

  ?? ??

  ???? ?????? ??? ? ? ????. ? API? ????? ??? ??? ??? ????. ??? ??? ??? ???, ??? "html5?? ?? ??? ????"??? ????. ??

  ? ????? ??? ??? ? ???? ???? ??? API? ?????.

  ? API? ?? ??? ?? ???, ?? ???? ???? ?? ???? ?? ? ???? ??? ?? ????. ? ???? ???? ????. ?? ??? API? ???? ??????.

  ??? ? JavaScript API deviceorientation devicemotion? ?? ??? ?? ???? JavaScript API? ???? ??? ? ???? ??? ?? ?????

  JavaScript API (Application Programming Interface)? ??? ????? ?? ????? ?? ?? ? ??? ??? ?? ? ???????. ??? ? ???? ?? ???? ? ?? ????? ?? ????? ?? ???? ?? ? ??? ??? ???? ??? ? ???? ??????. ?? ??, JavaScript API? ???? ? ???? ??? ???, ??? ?? ? ??? ??? ??? ? ? ????. ?? ?? ???? ?? ??, ?? ? ??? ??? ? ??? ? ???? ?? ??? ??? ? ?? ???? ????.

  ??? ????? ??? ?? API? ???? ??? ??????

  Geolocation API? ??? ??? ??? ??? ? ??? ??? ?????. ?? ????? ?? ???? ????? ????? ???????. ??? ??? ?????? ?? ? ? ????. ? ????

  ???? ???? ???? ?? ??? ?? ? ????. ???? ?? ???? ????? ?? ?? ???? ??? ?? ?? ?? ????.

  ??? ?? API? ???? ?? ??? ??????

  ??? ?? API? ??? ??? ??? ??? ?? ??? ?????. ?? ??? ??? ??? ???? ? ???? ??? ????? ? ?? ?????. ?? ??, ???? ?? ?? ???? ???? ???? ?? ??? ?????? ??? ?? ? ? ????. ? API? ?????

  ???? ??? ? ????.? ??? ??? ??? ??? ???? ??? ?????. navigator.geolocation ??? ? ????? ?? API? ???? ??? ?????? true ?? API? ???? ??? ??? ?? ????? ?? ? ? ????. ??? ????? ?? ???? ???? ? ?? ?????. ? API? ????? getCurrentPosition() ???? ??? ? ????. ?? ??? ????? ?? ?? ?? ????? ??? ?? ???? ?? ? ?? ?? ??? ?? ? ? ????.

  ?? ? ?? API? ???? ?? ??? ??????

  ?? ? ?? API? ??? ?? ?? ??? ?? ??? ?????. ??? ??? ?? ???? ???? ????? ?? ? ???? ?? ?? ??? ???? ? ?????. ? API? ????? ? ???? ???? ?? ??? ???????.

  ??? ? ????? ? ?? API? ???? ??? ?????? navigator.getBattery() ???? ?? API? ??? ???? ??? ?? ??? ?????. ?? ???? ??? ?? ? ???? ??? ????? ? ?? ?????. ?? ??, ???? ??? ???? ??? ? ???? ??? ?? ??????? ?? ? ? ????. ? API? ????? ???? ?? ??? ????

  ??? ????? ? ????.

  ?? ?? API? ???? ?? ??? ??????

  ?? ?? API? ??? ??? ??? ?? ??? ?????. ??? ?? ???? ???? ??? ??? ??? ? ?? ?????. ? API? ????? ?? ??? ?? ? ? ????

  ???? ??? ???? ?? ? ? ????.

  ??? ? ????? ??? ??? API? ???? ??? ?????? deviceorientation ??? ??? API? ???? ? ???? ????? ?????? ?? ? ? ????. ??? ???? ???? ?? ??? ?? ????? ???? ? ?????. ?? ??, ???? ?? ??? ?? ? ? ???? ?? ???? ???? ??? ? ???? ?? ? ? ????. ? API? ????? ???

  ???? ??? ? ????.

  ?? ?? API? ???? ?? ??? ??????

  ?? ?? API? ???? ?? ?? ??? ??? ?? ? ? ????. ??? ??? ? ?? ?? ???? ?? ? ??? ???? ? ?? ?????. ? API? ????? ?? ???

  ???? ???? ?? ??? ?? ? ? ????. document.visibilityState ? ??? ????? ? ?? API? ???? ??? ?????? visibilitychange ? ?? API? ???? ????? ??? ?? ? ? ????. ???? ??? ?? ???? ????? ??? ???? ????? ? ?? ?????. ? API? ????? ??

  ???? ???? ???? ??? ???????. ???? ??? ???? ??? ?? ? ? ?? ??? ?? ? ????.

? ??? 5 JavaScript API? ??? ? ???? ??? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!