XSS第三节,分门别类

今天本来想发XSS犯罪历史,举几个例子提高一下大家兴趣的,结果种种原因没能写,至于原因,有兴趣的网友可以看看《一个空格引发的思考下面言归正传说说XSS的分类:

一般说来,XSS分三类:

第一类,反射型XSS:这类XSS是临时的,不具有持久性,所以也称为非持久性XSS,早期常见的是错误页面,比如http://xxxx.error.jsp?msg=error,如果JSP中直接把msg变量写在了页面上,那么当error变成了js脚本,那么就危险了。由于反射型XSS不具有持久性,所以攻击的方式一般需要“欺骗”用户来点击,随着网络的发展,“欺骗”的确不那么容易了,所以很多人很鄙视反射型XSS,认为只有先“欺骗”用户才能攻击,但是,此类XSS配合点击劫持威力也是不容小觑的!

第二类,存储型XSS:存储型XSS指用户提交的数据被保存在了应用程序的数据库中,那么当其他用户来访问这个页面的时候,应用程序从数据库中加载数据时,已经加载了这段代码,这样的XSS攻击能力显然会吸引更多的人的关注。早期在图文并存的论坛中,由于可以上传图片,也能编辑图片的一些属性,容易受存储型XSS的攻击。

第三类,基于DOM的XSS:此类XSS类似反射型的XSS,但主要是基于DOM(document object model文档对象模型)中的document对象和window对象。


总结,今天先只谈分类,下节在周末的时候更新,主要用一些历史上用过的攻击实例来分析这三类XSS如何利用。

<think>嗯,用户问的是前端监测的所有方法。首先,我需要明确“前端监测”具体指的是什么。可能包括性能监测、错误监控、用户行为追踪、网络请求监控等等。我得先确定覆盖哪些方面,避免遗漏重要内容。 接下来,我应该分门别类地整理不同的监测方法。比如,性能方面有Performance API,错误监控有try-catch和window.onerror,用户行为可能用埋点或第三方工具。网络请求可以用fetch和XMLHttpRequest的拦截,还有资源加载的监控。 还要考虑现代前端框架的生命周期钩子,比如Vue或React中的组件加载时间监测。另外,第三方工具如Sentry、New Relic、Google Analytics这些也需要提到。 需要注意的是,用户可能希望了解具体的技术实现方法,比如代码示例,或者工具的使用。是否需要提供示例代码呢?根据用户之前的示例,可能需要给出简单的例子,比如错误监控的代码片段。 另外,用户可能没有明确说明是客户端还是服务端的监测,但问题明确是前端,所以应该集中在客户端监测方法。还要区分浏览器端和移动端(如React Native)的不同监测方法吗?可能用户主要关注Web前端,所以先集中在浏览器环境。 有没有可能遗漏一些监测方法?比如使用Web Workers进行后台监测,或者Service Workers的缓存监控?这些可能属于更高级的用法,但需要简要提及。 另外,安全监测方面,比如XSS攻击的监控,或者第三方脚本的影响,是否需要包含?这部分可能属于前端监测的一部分,但可能用户更关注性能和功能方面的监测。 最后,总结的时候要结构清晰,分点列出,并给出相关问题。相关问题应该围绕各个监测方法的具体应用、工具比较、最佳实践等。比如如何选择监测工具,如何处理跨域错误,如何优化性能监测等。</think>前端监测涉及性能、错误、用户行为等多个维度,以下是主要方法及实现思路: 1. **性能监测** - Performance API:利用`performance.now()`记录时间戳,统计首屏加载时间、资源加载耗时等 - FP/FCP指标:通过`PerformanceObserver`监听`paint`事件获取首次绘制/首次内容绘制时间 - 资源加载:解析`performance.getEntriesByType('resource')`分析图片、脚本加载耗时 2. **错误监控** ```javascript // 全局错误捕获 window.onerror = function(message, source, lineno, colno, error) { console.error('JS错误:', { message, error }); return true; // 阻止默认上报 } // 未处理的Promise错误 window.onunhandledrejection = function(event) { console.error('未处理的Promise异常:', event.reason); event.preventDefault(); } ``` 3. **网络请求监控** - 拦截fetch/XMLHttpRequest:封装请求库记录响应时间、状态码 - 利用Service Worker缓存监控:监听fetch事件统计缓存命中率 4. **用户行为追踪** - 埋点SDK:通过事件委托监听点击/滑动等行为,上报用户路径 - 路由级埋点:在Vue/React路由守卫中记录页面停留时间 5. **可视化监控** - 首屏截图:使用html2canvas生成快照分析首屏内容 - 操作录屏:通过rrweb库录制用户操作过程 6. **第三方工具集成** - 错误追踪:Sentry/Raven.js - 性能分析:Google Lighthouse/New Relic - 行为分析:Mixpanel/神策数据
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值