餐厅网站如何在地址栏中隐藏文件扩展名和 DevTools 中的代码?



我真的很喜欢里约咖啡馆的网站。 但是开发人员做了两件有趣的事情,我不确定他们是如何完成的。

效果1:访问菜单页面。

在浏览器的地址栏中,您将看到,

https://www.caferio.com/menu

为什么没有列出文件扩展名? 例如menu.htm. 他们是否以某种方式隐藏了扩展名? 还有其他明显的技巧可以做到这一点吗?

效果 2:在同一菜单页上单击 F12 以打开 DevTools。

我打开了DevTools,看看我是否可以弄清楚他们是如何隐藏文件扩展名的。在里面,我发现了另一个谜团。按我看到的顺序列出:

www.caferio.com
css
img
js
menu

我假设menu是主文档,但在该文档中我没有看到任何代码。 我看到的只是关于SSL证书的黄色警告。 哇! 他们如何隐藏代码? 非常感谢您的任何输入!

--更新--

出于某种原因,我现在可以看到菜单中的代码,它是标准的 HTML。但是我仍然没有在菜单末尾看到文件扩展名。 他们是如何做到这一点的? 再次感谢!

效果1:当你使用像apache这样的http服务器时,不需要扩展名, 您可以在特殊文件(.htaccess)中键入"重写规则",以指定页面上指向指定目标的任何链接的目标:

RewriteEngine on
RewriteRule ^.*$ index.php

在入口文件"index.php"中,你对程序应该如何处理请求进行编码。

但在许多情况下,您不会重新创建整个系统,而是安装像wordpress这样的CMS来管理您的页面。

效果2:它们不会向您隐藏任何代码,可以在调试器选项卡中访问任何受影响文件的代码。但是它被像css-minifier和jsuglify这样的后处理转换器缩小了。

最新更新