偶然发现这款前端神器工具,首先关于rrweb:
尊重成果,前人铺路:
点击开始时,打开console,可以看到打印的每次记录的DOM数据
password类型的输入框在回放中,不显示,小黑点也不显示。
回放是以Iframe镶嵌其中。
录制和回放可以分开,如果作为监控功能,在WEB中把录制嵌入,数据传入后台保存,以后再导出数据进行回放。
IE好像有兼容问题,还没来得及试。
录制动画也没问题,项目中使用了可以。
回放的css文件里面看了下是针对鼠标样式,回放的Iframe样式有点偏差,样式应该是写在 rrweb-index.js 里面。
楼上的那个仅仅是那个页面的html代码事实上那个页面可能是服务端的程序生成的客户端页面,比如asp或php程序在服务器上运行过后的代码。这些asp或php的源文件你在客户端是看不到的,你右击那个页面看到的代码实际上是asp或php这些服务端脚本程序生成过后的html代码。
如果楼主仅仅是要这个页面的美工或版式的话其实也是很简单的
1、你可以直接另存为这个页面到你的电脑上,这样这个页面的所有文件包括图片和css等样式文件都已经下载到了你的电脑上了,你只要在自己的电脑上稍微修改替换这个页面就可以将它变为自己的网页(静态的html文件)
2、如果这个页面禁止了一些操作,比如禁止另存为和禁止复制、禁止鼠标右键等操作,你可以在你自己的电脑里ie缓存里找到这个页面,和这个页面的所有网页元素(html文件、图片、flash和css等)
3、还可以利用网页制作工具frontpage里的远程网页导入功能直接将这个页面导入到你的电脑上,它的导入功能很强大,可以同时导入很多的页面,同时它们的网页元素也都会导入到你电脑里相应的文件夹下。
像你说的这个页面用上面的办法都可以,你所说的css样式你可以在他的源代码里看到,样式文件都是存在在网页的顶部以xx.css这样的格式调用的。如果你操作的过程中还有什么疑问可以到这个网站上咨询一下: 很不错的,这些方法我都是从他们那里学到的。