社区
Web 开发
帖子详情
一直很好奇,如何防止通过开发者工具修改页面html代码。
syqh13
2016-07-30 10:40:27
例如我一个下拉框,key - value 为 1 男 / 2 女,如果有人通过开发者工具修改了男key,改成了3,那么传到后台接收到的值就是3,看有些网站通常是一改完,就还原了,想知道如何避免这种情况,
...全文
1480
7
打赏
收藏
一直很好奇,如何防止通过开发者工具修改页面html代码。
例如我一个下拉框,key - value 为 1 男 / 2 女,如果有人通过开发者工具修改了男key,改成了3,那么传到后台接收到的值就是3,看有些网站通常是一改完,就还原了,想知道如何避免这种情况,
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
mdzwmyy
2016-08-03
打赏
举报
回复
。。。可能是在js里有监听改变的吧,不过这种没什么必要,别人真要搞你,直接模拟发包了,所以后台验证是不可避免的。。。
SQ_Bang
2016-07-31
打赏
举报
回复
刷新,改完就刷新,重新请求网页数据
syqh13
2016-07-30
打赏
举报
回复
引用 3 楼 qq_28064009 的回复:
后天和前台本来都要做验证的 这是基本规范吧
我目前就是好奇怎么写的前台,会还原。
硬啃源码小伙子
2016-07-30
打赏
举报
回复
后天和前台本来都要做验证的 这是基本规范吧
syqh13
2016-07-30
打赏
举报
回复
引用 1 楼 u013185616 的回复:
那你的后台应该验证下这个字段,除了1,2都不接受!
后台就不说了,后台判断太麻烦了,每个接收的地方都得验证
I,Frankenstein
2016-07-30
打赏
举报
回复
那你的后台应该验证下这个字段,除了1,2都不接受!
tony4geek
2016-07-30
打赏
举报
回复
你要再后台做验证,前台的数据都是可以伪造的。
WEB
页面
性能测试:
页面
加载过程+
页面
性能指标+
页面
性能
工具
实战课程
通过
页面
性能测试概念+
页面
加载过程+
页面
性能指标+
页面
性能测试
工具
的学习,可以学到如下内容:①WEB网站
页面
性能的指标(白屏时间、首屏加载完成时间、FP、FCP、DCL、CLS、FPS等);②WEB网站
页面
性能测试策略;③WEB网站
页面
加载过程(前端基础语言:
HTML
+CSS+JavaScript,DOM、CSSOM、渲染树、布局、绘制);④WEB网站
页面
性能测试
工具
的实际操作和功能介绍(
开发者
工具
:控制台、网络、性能、Lighthouse、FPS渲染统计等);⑤WEB网站
页面
性能测试报告编写。⑥WEB网站
页面
性能测试步骤和实际操作。课程内容:第一章:课程简介1、课程介绍2、课程大纲第二章:
页面
性能测试1、
页面
性能测试概念2、
页面
性能测试专业术语3、
页面
性能测试策略第三章:
页面
加载过程1、
HTML
概念,
HTML
5实例,
HTML
5文档2、CSS概念,CSS实例,CSS文档3、JavaScript概念,JavaScript脚本实例和作用4、DOM和CSSOM理解5、
HTML
5渲染引擎理解6、
HTML
5
页面
内容渲染的过程,
HTML
渲染树第四章:
页面
性能测试
工具
1、
页面
性能测试具体
工具
2、Chrome
开发者
工具
介绍第五章:
页面
性能测试
工具
-控制台:window.performance1、控制台:window.performance介绍2、window.performance.timing执行结果加载字段理解3、window.performance.timing执行结果属性对应
页面
阶段理解4、window.performance
页面
性能参数计算5、window.performance
页面
性能关键指标计算第六章:
页面
性能测试
工具
-网络面板1、Chrome-
开发者
工具
-网络面板介绍2、Chrome-
开发者
工具
-网络-瀑布流指标第七章:
页面
性能测试
工具
-性能面板1、Chrome-
开发者
工具
-性能面板-使用方法2、Chrome-
开发者
工具
-性能面板介绍3、Chrome-
开发者
工具
-性能面板-控制按钮区域4、Chrome-
开发者
工具
-性能面板-Overview区域5、Chrome-
开发者
工具
-性能面板-火焰图区域6、Chrome-
开发者
工具
-性能面板-内存图区域7、Chrome-
开发者
工具
-性能面板-统计汇总区域8、Chrome-
开发者
工具
-性能面板-统计汇总区域-摘要内容9、Chrome-
开发者
工具
-性能面板-统计汇总区域-事件时长、调用、发生顺序第八章:
页面
性能测试
工具
-FPS监控1、Chrome-
开发者
工具
-FPS监控-FPS介绍、FPS视觉效果、FPS查看方法第九章:
页面
性能测试-Lighthouse面板1、Chrome-
开发者
工具
-Lighthouse介绍、操作方法、运行的生命周期2、Chrome-
开发者
工具
-Lighthouse报告指标分析3、Chrome-
开发者
工具
-Lighthouse的报告优化建议第十章:
页面
性能测试
工具
-Performance insights面板1、Chrome-
开发者
工具
-Performance insights操作方法2、Chrome-
开发者
工具
-Performance insights分析报告第十一章:网速调研1、全国网速的调研和本机网速测试第十二章:
页面
性能测试总结1、
页面
性能测试指标采集方式2、
页面
性能测试报告3、
页面
性能测试-操作步骤
Chrome
开发者
工具
Developer Tools详解-XHR
这里我假设你用的是Chrome浏览器,如果恰好你做web开发,或者是比较
好奇
网页中的一些渲染效果并且喜欢折腾,那么你一定知道Chrome的
开发者
工具
了。其实其他浏览器也有类似
工具
,比如Firefox下的firebug。本文将会详细讲述如何使用Chrome
开发者
工具
,希望里面有些让你感到惊艳的东西!即使你不用Chrome,那么文中的某些内容也会相当有用。 首先啰嗦一下如何打开
开发者
工具
吧。可以直接...
神器——Chrome
开发者
工具
这里我假设你用的是Chrome浏览器,如果恰好你做web开发,或者是比较
好奇
网页中的一些渲染效果并且喜欢折腾,那么你一定知道Chrome的
开发者
工具
了。其实其他浏览器也有类似
工具
,比如Firefox下的firebug。本文将会详细讲述如何使用Chrome
开发者
工具
,希望里面有些让你感到惊艳的东西!即使你不用Chrome,那么文中的某些内容也会相当有用。 首先啰嗦一下如何打开
开发者
工具
吧。可以直接...
程序员必学:浏览器
开发者
工具
浏览器
开发者
工具
到底是什么? 其实简单的说,浏览器
开发者
工具
就是给专业的web应用和网站开发人员使用的
工具
,当然只要你有兴趣想要了解,只要你对这个世界充满这
好奇
,什么东西你都可以了解。
开发者
工具
到底有什么用? 它的作用在于,帮助开发人员对网页进行布局,比如
HTML
+CSS,帮助前端工程师更好的调试脚本(JavaScript、jQuery)之类的,还可以使用
工具
查看网页加载过程,获取网页...
爬虫开发技术基础之分析
工具
-Chrome
开发者
工具
简介 Chrome
开发者
工具
是一套内置于Google Chrome中的Web开发和调试
工具
,可用来对网站进行迭代、调试和分析。Chrome
开发者
工具
中最常用的三个模块是元素面板、控制台面板、网络面板。 关于Chrome
开发者
工具
的详细介绍参见官方文档 以下内容转载自selfboot的博文。 这里我假设你用的是Chrome浏览器,如果恰...
Web 开发
81,091
社区成员
341,719
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章