当我根据 How TO - Responsive Top Navigation 的非常好的模板在网页上创建响应菜单时,Google Lighthouse声称链接不可抓取。我怎样才能使链接爬网?
x8diyxa71#
因此,虽然我没有发现这是否是Lighthouse的一个弱点,但我确实找到了一个例子,说明如何在没有这个错误的情况下完成响应菜单:
当把示例代码放在Web服务器的这个位置时,Lighthouse会发现所有链接都是可抓取的。
bvk5enib2#
该示例中的链接是不可爬网的,因为它们要么是片段标识符链接(#contact),要么是JavaScript链接(javascript:void(0);),与菜单的响应性或所涉及的任何CSS无关。若要使菜单可爬网,请将链接替换为指向站点上HTML文档的链接。例如:
#contact
javascript:void(0);
<a href="/contact.html">Contact</a>
2条答案
按热度按时间x8diyxa71#
因此,虽然我没有发现这是否是Lighthouse的一个弱点,但我确实找到了一个例子,说明如何在没有这个错误的情况下完成响应菜单:
当把示例代码放在Web服务器的这个位置时,Lighthouse会发现所有链接都是可抓取的。
bvk5enib2#
该示例中的链接是不可爬网的,因为它们要么是片段标识符链接(
#contact
),要么是JavaScript链接(javascript:void(0);
),与菜单的响应性或所涉及的任何CSS无关。若要使菜单可爬网,请将链接替换为指向站点上HTML文档的链接。例如: