编写Chrome电报警报插件

机器人

1. 打开BotFather，写入/ newbot，获取botId（约50个字符的组合）。
2. 我们创建了一个新频道，在其中将我们的漫游器添加为管理员。
3. 我们向该频道写一些东西，打开链接https://api.telegram.org/bot botId / getUpdates，我们找到了result- > channel_post-> chat-> id。

插入

1. 我们制作该文件夹，其中将包含2个文件-manifest.json和index.js。
2. 创建chrome插件清单，以最小化此操作：
   
   

   {
     "manifest_version": 2,
     "name": "Url Telegram Logger",
     "version": "1.0.0",
     "content_scripts": [
       {
         "matches": [
           "<all_urls>"
         ],
         "js": ["index.js"]
       }
     ]
   }
   

   
   它在这里说index.js脚本将嵌入在任何页面上（匹配：所有url）。
3. . SPA, document.location.href. MutationObserver. . , ( , ). ( , ). navigator.sendBeacon:
   
   

   const settings = {
     botId: '...',
     chatId: '...',
     userName: 'Matvey',
     pollingInterval: 10000
   }
   
   const mutedUrls = [
     'https://gmail.com',
     'https://www.eduka.lt',
     // .. ,   ..
   ]
   
   const sendMessage = (type, href) => {
     if (mutedUrls.find(url => href.startsWith(url))) { return false }
     const data = new FormData()
     data.append('chat_id', settings.chatId)
     data.append('text', `${settings.userName} ${type} ${document.title} ${href}`)
     navigator.sendBeacon(
       `https://api.telegram.org/bot${settings.botId}/sendMessage`, 
       data
     )
   }
   
   let latestHref = null
   let timeout = 0
   
   const run = () => {
     if (window.location.href !== latestHref) {
       latestHref = window.location.href
       sendMessage('opened', latestHref)
     }
     timeout && clearTimeout(timeout)
     timeout = setTimeout(run, settings.pollingInterval)
   }
   
   window.addEventListener('load', run)
   window.addEventListener('unload', () => sendMessage('closed', latestHref))
   

4. ( chrome://extensions/, Developer mode, Load unpacked).