const observer =newPerformanceObserver((list)=>{for(const entry of list.getEntries()){
console.log(entry)}})
observer.observe({entryTypes:['longtask']})
见面可见性的状态监听,代码如下所示:
let vEvent ='visibilitychange';if(document.webkitHidden !=undefined){// webkit prefix detected
vEvent ='webkitvisibilitychange';}functionvisibilityChanged(){if(document.hidden || document.webkitHidden){
console.log("Web page is hidden.")}else{
console.log("Web page is visible.")}}
document.addEventListener(vEvent, visibilityChanged,false);
判断当前网络状态,代码如下所示:
var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;var type = connection.effectiveType;functionupdateConnectionStatus(){
console.log("Connection type changed from "+ type +" to "+ connection.effectiveType);
type = connection.effectiveType;}
connection.addEventListener('change', updateConnectionStatus);