document.addEventListener('visibilitychange', () => {
const newNode = document.createElement('p')
const text = document.createTextNode(document.visibilityState)
newNode.appendChild(text)
document.body.appendChild(newNode)
})
<a href="http://baidu.com">baidu</a>
<h1>state history:</h1>