如何通过link标签的rel属性获取对应href的URL？

依赖索引（比如硬编码选第10个link标签）真的很脆弱——只要页面结构稍有变动（比如新增了一个meta关联的link、或者移除了某个旧的link），你的选择逻辑直接就失效了。而用rel属性定位是更健壮的方案，毕竟rel属性本身就是用来定义link标签和当前文档的关系，像Twitter图标这类资源，肯定会有对应的rel属性值。

具体怎么做？ #

首先你得先确认目标页面里那个Twitter图标对应的link标签的rel值是什么。你可以打开目标推文页面，右键「查看页面源代码」，搜索带有Twitter图标URL的link标签，看看它的rel属性写的是什么——通常这类图标link的rel可能是icon、shortcut icon，或者针对Twitter的mask-icon。

举个代码例子（用JavaScript的话）

// 用属性选择器精准匹配rel值
const twitterIconLink = document.querySelector('link[rel="icon"]');
// 如果rel属性有多个值（比如rel="icon apple-touch-icon"），用波浪号匹配包含指定值的情况
const twitterIconLink = document.querySelector('link[rel~="icon"]');
// 安全获取href属性
const iconUrl = twitterIconLink?.href;

如果是用Python爬虫（比如BeautifulSoup）的话：

from bs4 import BeautifulSoup
import requests

target_url = "https://twitter.com/RichardSocher/status/963117994862768128"
resp = requests.get(target_url)
soup = BeautifulSoup(resp.text, 'html.parser')

# 精准匹配rel属性
twitter_icon = soup.find('link', rel='icon')
# 处理rel属性包含多个值的场景
twitter_icon = soup.find('link', rel=lambda val: val and 'icon' in val.split())

if twitter_icon:
    icon_href = twitter_icon.get('href')
    print(icon_href)

为啥这方法更好？ #

• 稳定性拉满：只要Twitter不修改这个link标签的rel属性，不管页面其他link怎么加加减减，你的代码都能准确找到目标。
• 可读性强：别人看你的代码，一眼就知道你是在找图标类的资源，而不是一脸问号“为啥要选第10个？”

关于你提到的「Edit 1」 #

你没说明Edit 1的具体要求，如果是要处理动态加载的内容（比如Twitter的部分内容是JS渲染的），或者有特定的选择器规则，可以补充细节后再调整，但核心思路还是用rel属性精准定位，这绝对是比索引靠谱的方案。

内容的提问来源于stack exchange，提问作者Omar Gonzales