不同内容的网页源代码一样是如何实现的?

2020-06-13 08:44

luzg20082020-06-13 08:44
如题，请高手分析一下德国最大的药妆店网站 dm.de
用Chrome查看源代码每个网页都是一样的，但显示内容都不同，请问是如何实现的？

小白能看出是基于React框架的，但找不到内容相关的js在哪里
thinkidea2020-06-13 08:47
全在那个main.js里了小尾巴~
Zerolone2020-06-13 08:49
这种不要指望可以修改了
luzg20082020-06-13 08:55
回复2#thinkidea

Main 也很奇怪只有一段
ReactInit.initReactComponent("composing-dm", "App", {}, document.getElementById("app"));
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/service-worker.js');
}
复制代码
这个service-worker.js更是一个故意设置的
// empty service-worker file on purpose
// service-worker is required for add-to-homescreen feature for progressive web apps
//
// caching strategy for content has to be brainstormed
复制代码
夜空2020-06-13 08:56
回复4#luzg2008
Js渲染的，你要做什么 iOS fly ~
during22020-06-13 08:57
这个你要从浏览器f12里的network栏里查看，很明白
luzg20082020-06-13 08:58
回复3#Zerolone

很好奇是怎么实现的
Zerolone2020-06-13 09:01
你去百度一下vue， vue 打包。
wuketidai2020-06-13 09:02
SPA 咯
pocketsnail20032020-06-13 09:03
古老的asp就能做到了。
luzg20082020-06-13 09:05
回复5#夜空

想爬一些信息看到这个顿时懵圈了很好奇怎么弄的
napa04212020-06-13 09:06
按f12，不要鼠标右键查看网页源代码，所有的spa页面你这样查看都只有一个app节点 PM2.5
内裤猪2020-06-13 09:07
JS框架，mvvn的都是这样，react，vue，angular等等
luzg20082020-06-13 09:11
谢谢各位高手指点。实在小白了
4color2020-06-13 10:42
全身前端渲染了。单页js框架。
7290886722020-06-14 12:18
这种得用无头浏览器爬
treotreo2020-06-14 12:21
用 Selenium+Chromedriver 爬
不过你可以看看 network 栏，很多时候商品数据是个 json 包，python直接用 requests 访问就行，json很容易解析
luzg20082020-06-14 03:55
回复17#treotreo

好的我去试试多谢指点
最低购2020-06-14 08:32
回复17#treotreo

Selenium+Chromedriver爬东西是很好的，爬下来的东西想要上传入库，有没有好的办法？例如杰奇的入库，用它自带的插件，经常丢章节没法用。书荒点我
PangPang2020-06-14 08:55
自己写sql 入库
mijuu2020-06-14 08:59
pwa应用
sinapdb2020-06-14 09:20
回复关注一下 iOS fly ~