网页显示和源代码显示不一致

最近在工作当中遇到了一个很有意思的问题。网页显示和F12当中的源代码显示不一致。

 

实际显示界面

开发者工具当中的代码

大家可以很明显的看到。其中价格48380-48500 这一个数据 在代码中却为 96562-96822。这就很令人困惑了，为什么网页当中的显示值和代码中的数值不一样呢？

首先我们考虑了有可能的几种情况：

1、JavaScript更改了数值。

但是很明显不是，因为开发者工具加载的应该是已经运行过脚本后的实际数据了。即使通过ajax异步加载脚本，也没办法实现在页面中加载了脚本改变了数值而开发者工具的代码却没有加载改变。所以这一种可能被淘汰。

2、CSS更改了数值

但是CSS只是样式表只能更改样式并不能更改数据啊？

  这个时候我注意到了这个div中含有的一个class:change_price   让我们看看这个样式。

看到这个样式只是使用了一个字体，我想大家可能已经明白了原因是什么了。接下来我们就来验证以下具体的原因，是不是真