Chrome 404(您访问的页面不存在)

mznpcxlj 于 2022-12-06 发布在 Go

关注(0)|答案(5)|浏览(117)

Chrome -源代码选项卡-我在控制台中看到以下内容：
404-页面未找到页面未找到
在head标记中，我有以下内容：

<link href='ico/favicon.ico' rel='icon'>

点击上面的链接-打开一个新的标签与图标图像。
也尝试过-没有成功：

<link rel="shortcut icon" href="ico/favicon.ico">

点击上面的链接表示--不存在。
此外，我注意到错误信息只出现在开始和按下Ctrl F5后，并按下F5后只-它消失。
无论如何，在任何情况下，浏览器的选项卡上都没有图标。
在页面选项卡上-控制台为空。
未测试其他浏览器。
那么，什么是正确的方式有一个图标，如何避免上述消息？

google-chrome

来源：https://stackoverflow.com/questions/54608826/favicon-ico-404-not-found

5条答案

按热度按时间

zfciruhq1#

我在运行Linux的Web服务器上遇到过类似的问题。有时候你需要在favicon.ico文件上设置execute位：

chmod +rx favicon.ico

我还必须向Web服务器服务/帐户给予对该文件的权限：

sudo chown www-data:www-data /var/www/favicon.ico

赞(0）回复(0）举报 2022-12-06

hi3rlvi22#

请转到http://localhost/ico/favicon.ico以确保您的favicon确实存在
然后尝试ctrl + f5，有时缓存会破坏事情。

赞(0）回复(0）举报 2022-12-06

a8jjtwal3#

TL; DR

您应该尝试的事项：

用Firefox测试。如果可以的话，你的head中可能有一个body-only标记。
使用绝对路径（例如/ico/favicon.ico）
说明

浏览器会按照约定在根目录下获取favicon.ico。所以开发控制台中的这一行并不意味着您的浏览器不理解ico/favicon.ico。这更像是一个标志，表明favicon标记出于任何原因不起作用，所以您的浏览器使用“根文件夹约定”作为后备。
使用绝对路径（例如，/ico/favicon.ico而不是ico/favicon.ico）可能有助于您查明问题，特别是当您的测试页不是/时。
Chrome浏览器对head中的禁用标记有一个特殊的行为（例如div，p...这是body-only标记）。当发生这种情况时，它会认为head部分被关闭，因此会忽略所有head-only标记...例如link。结果：favicon有时在任何地方都能用，但在Chrome上却不能用。因此，在其他浏览器上测试是个好主意。如果favicon在其他地方能用，请仔细查看您的head，并尝试找出不应该出现在这里的标记。W3C验证器可能会有所帮助。

赞(0）回复(0）举报 2022-12-06

uxhixvfz4#

正如Philippe所说，检查你的head标签没有任何错误。在我的例子中，我用echo函数（php代码）打印了一个值。删除它解决了这个问题。

赞(0）回复(0）举报 2022-12-06

inb24sb25#

我使用tailwind时遇到了上述错误，我只是通过返回到我的公共文件夹并删除index.html页面并重新创建它来修复它，然后粘贴
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"rel="stylesheet"/>
在头部，然后被固定住了

赞(0）回复(0）举报 2022-12-06

我来回答

Chrome 404(您访问的页面不存在)

5条答案

相关问题

热门标签

最新问答