【操作】前端抓取页面的title 和 icon 图标

前端抓取页面的title 和 icon 图标

这里可以做客户端分享时候的操作 发送服务器数据 服务器就不必取捞信息了

服务端也可以用脚本取获取信息

fetch("https://blog.csdn.net/m0_73081085/article/details/139088240")
  .then(response => response.text())
  .then(data => {
    const  parser = new DOMParser();
    const doc = parser.parseFromString(data, 'text/html');
    var title = doc.querySelector('title').textContent;
    var icon;
    
    [...doc.querySelectorAll('link')].forEach(function(item) {
      if(/\.(png|jpg|ico)$/.test(item.href.toLocaleLowerCase())) icon= item.href
    });
    if(!icon.startsWith("http")) icon =  doc.location.origin + icon
    console.log({
      title,icon
    })
  })