如何查看一个网页源代码的最后更新时间

清秋め

已于 2022-06-08 09:38:13 修改

阅读量1.6w

点赞数 4

分类专栏： js 前端文章标签： vue.js javascript 前端

于 2021-12-09 17:16:58 首次发布

本文链接：https://blog.csdn.net/qq_42033668/article/details/121831305

版权

js 同时被 2 个专栏收录

11 篇文章

订阅专栏

前端

7 篇文章

订阅专栏

本文介绍了如何检查网页源代码的最后更新时间，特别是在Vue应用中遇到显示问题时。通过查看F12中的Response Headers的last-modified字段，可以确定代码是否更新。案例中，作者发现一个Vue应用在iframe中因v-if导致元素隐藏，经过比对源代码和询问客户，确认了代码确有更新，从而解决了五屏展示白板的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何查看一个网页源代码的最后更新时间

1.查看方法

打开f12刷新页面找一个 js 或 css 请求查看 Response Headers -> last-modified 如图注意+8小时

在这里插入图片描述

2.文章背景

xx，给看下五屏（5个系统的大屏集中展示）为什么显示白板了？，单独打开没问题，嵌在5屏里面就不行了（实现方式是iframe）。
然后就去分析问题
	1.首先把其它 4 个大屏（iframe）去掉，然后重新加载此框架，发现还是不显示
	
	2.对比单独打开和嵌在iframe里的源代码，发现使用的框架是 Vue ，在 iframe 里面时 div 里面的元素被隐藏了（v-if）
	熟悉 Vue 的小伙伴肯定清楚 v-if 写法是会出现图2那种注释的 （图1 图2）

图1
在这里插入图片描述

图2
在这里插入图片描述

3.经过上面分析，觉得是更新过代码了，但是客户说问过了，最近没有更新过代码

4.然后开始寻找 “如何查看一个网页源代码的最后更新时间”，因为用的是 Vue 所以平常右键查看源代码是看不到的
后来请教了我们技术大佬后找到了，果然是最近更新过代码

在这里插入图片描述