1. 介绍随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以 document.cookie 来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便HTML5规范则提出新的解决方案 – localstorage 和 session
转载
2024-09-04 16:38:29
683阅读
如图，在谷歌浏览器中查看，左侧会看到Local Storage和Session Storage以及Cookies!一、什么是Cookie？先来看看权威的解释，百度百科！这里可以看到提到了一个session的概念，其实，cookie和session都是用来跟踪浏览器用户身份的会话方式，但在使用过程中存在很大区别！Cookie和Session的区别1.数据存储位置有区别cookie保存在浏览器端，s
转载
2024-07-24 16:32:26
434阅读
首先，先补充下chrome浏览器的使用。1.1、php源码： <?php
$cookieDomain = '.elf.com';
setcookie('elf', 'im elf cookie', time()+300, '/', $cookieDomain);
setcookie('aaa', 'aaaa', time()+10); 1.2、chrome效
转载
2024-03-28 13:18:32
1035阅读
文章目录1）什么是Session？Session的作用Session的内部细节2）Session的使用2.1 Session的创建和维护2.2 Session的有效期2.3 Session的常用方法HttpSession的常用方法：3）Session对浏览器的要求3.1 Session与Cookie如果客户端浏览器将Cookie功能禁用，或者不支持Cookie怎么办？3.2 URL地址重写原理：重
转载
2024-06-11 10:13:30
409阅读
window对象通过history对象提供对浏览器历史记录的访问能力。它暴露了一些非常有用的方法和属性，让你在历史记录中自由前进和后退，而在HTML5中，更可以操纵历史记录中的数据。历史记录概览
可以通过back()，forward()和go()方法在用户的历史记录中前进与后退。前进与后退要历史记录中后退，只需要这样做： window.history.back(); 这种行动就非常像用户在浏览
转载
2024-09-01 18:35:27
115阅读
在对web进行测试的过程中不可避免的会遇到一些cookies的问题，作为软件测试工作者一方面我们需要验证植入浏览器的cookies是否正确，另外一个方面需要借助cookies来完成一些工作。下面小编举例为大家说明，软件测试工程师如何利用cookies。 工具/原料
软件测试知识分享
方法/步骤
首先先对cookies做一个介绍，coo
转载
2024-05-17 09:26:44
1527阅读
chrome浏览器中 F12 功能的简单介绍 由于F12是前端开发人员的利器，所以我自己也在不断摸索中，查看一些博客和资料后，自己总结了一下来帮助自己理解和记忆，也希望能帮到有需要的小伙伴，嘿嘿！首先介绍Chrome开发者工具中，调试时使用最多的三个功能页面是：元素（ELements）、控制台（Console）、源代码（Sources），此外还有网
转载
2024-05-03 11:25:21
849阅读
大家好，今天又是一个阳光明媚的下午....，想想项目即将完事了，想捣鼓下项目优化方面的事情，刚好发现某个页面的数据有时候来的慢，有时候来的快。于是F12一看，我giao！什么情况，马老师发生甚么事了 ，一个接口请求要 20s ，这好吗？这当然不好。于是我们需要查看谷歌浏览器的timing：可以分析开页面请求开始的那一刻到数据请求结束的详细花费时间。 上图几个字段代表的意思：Qu
最近很多同学问我浏览器的F12是什么东东？是干什么用的？为了解决大家的疑问，我特意写了这篇文章，总结了F12的使用。下面的讲解，主要是以Microsoft Edge浏览器和360极速浏览器中的截图为例。（说明：下面的截图中，中文截图的是Microsoft Edge浏览器的截图，英文的是360极速浏览器的截图。）我推荐大家用360极速浏览器，它抓包比较好比较全面（和360浏览器不一样哦）；如果莫英文
转载
2024-04-28 19:59:31
2707阅读
HTTP是一种无状态协议，每当用户发出请求时，服务器就会做出响应，客户端与服务器之间的联系是离散的、非连续的。当用户在同一网站的多个页面之间转换时，根本无法确定是否是同一个客户，会话跟踪技术就可以解决这个问题。当一个客户在多个页面间切换时，服务器会保存该用户的信息。有四种方法可以实现会话跟踪技术：URL重写、隐藏表单域、Cookie、Session。1）.隐藏表单域：通常，在表单中我们使用隐藏表单
一、常见排错工具 1.Chrome浏览器——开发者工具: Chrome浏览器自带开发者工具。按F12打开工具，切换至Network标签。可以方便查看页面元素加载情况。2.ping： Windows、linux操作系统自带的网络测试工具，可以很好地帮助我们分析和判定网络故障。Windows系统按ctrl+R，输入CMD打开工具。用法“ping 域名/IP”3.traceroute（linux）/t
chrome浏览器中 F12 功能的简单介绍 由于F12是前端开发人员的利器，所以我自己也在不断摸索中，查看一些博客和资料后，自己总结了一下来帮助自己理解和记忆，也希望能帮到有需要的小伙伴，嘿嘿！首先介绍Chrome开发者工具中，调试时使用最多的三个功能页面是：元素（ELements）、控制台（Console）、源代码（Sources），此外还有
转载
2024-07-20 09:32:11
161阅读
一、F12 开发者工具是个啥？通俗的话讲，就是提供给 Web 前端工作者进行页面、样式、脚本、调优……的一类开发工具。是基于浏览器的扩展功能，典型的关键字就是 “console” ，写在 js 中能被识别，但本质上并不是 js 原生提供的，而是浏览器提供的对象。二、常见使用场景如何打开就一笔带过了，可以直接按 F12 或者在页面中鼠标右键→审视元素①修改html页面如下图，鼠标对“百度一下”按钮审
转载
2024-03-01 13:42:46
278阅读
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录1 浏览器F12开发者工具1.1 F12开发者工具基本介绍1.2 F12常规设置2 标签页2.1 Elements 查看器2.2 Network 网络2.3 Network抓
转载
2024-06-07 13:05:06
4433阅读
关于F12开发者工具中Network模块，无论是开发代码调试，还是测试定位界面元素，定位问题等，使用的都比较频繁，本文将结合百度首页详细说明下F12的使用。开发者工具基本介绍最常用的四个功能模块：Elements：主要用来查看前面界面的html的Dom结构，和修改css的样式。css可以即时修改，即使显示。console：这个除了查看错误信息、打印调试信息(consol
笔者技巧： 看了些其它回答，有些是用来扒图片
的，有些是写爬虫
的（这个不要看Elements，因为
浏览器会对一些不符合规范
的标签做补全或者其它处理，最好是Ctrl+U）。图片的话就不要看Network了，一个
页面图片太多了，我们可以点击网页上
的图片然后右键-》审查元素，然后Elements会定位到一个<img />标签，那个src属性就是你要
的图片地址了，有的网页会把右键禁掉了，下面有
转载
2024-04-22 10:27:56
291阅读
前言一、媒体查询入门指南1、媒体查询基础（1）媒体类型（2）媒体特征规则a. 宽和高b. 朝向c. 使用指点设备2、更复杂的媒体查询（1）媒体查询中的“与”逻辑（2）媒体查询中的“或”逻辑（3）媒体查询中的“非”逻辑3、怎么选择断点4、移动优先的响应式设计5、是否真的需要媒体查询？6、媒体查询章节总结二、传统的布局方法三、支持旧浏览器总结 前言由于有很多知识非常符合直觉或者和其他语言有通用性，因
转载
2024-10-07 13:03:08
93阅读
console对象console对象是JavaScript的原生对象。console的常见用途有两个。调试程序，显示网页代码运行时的错误信息。提供一个命令行接口，用来与网页代码互动。console对象的浏览器实现，包含在浏览器自带的开发工具中。Chrome可以通过Option + Command + i快捷打开。
打开开发者工具以后，顶端有多个面板。Elements：查看网页的HTML源码和CSS
1、直接修改页面元素 选择页面上元素，右键“检查”，会打开开发者工具窗口，显示当前选择元素的源代码，可以双击进行修改。如果要修改的东西比较多，可以折叠元素并单击选择，再右键Edit as HTML修改。2、颜色取色器 选择页面上元素，右键“检查”，会打开开发者工具窗口，在Styles窗口中，点击一个样式的color右边小方块（如没有color可自己输入如color:red），会弹出颜色拾取器，可以
// 不兼容performance.timing 的浏览器，如IE8window.pageStartTime = Date.now();// 白屏时间结束点window.firstPaint = Date.now();因此白屏时间则可以这样计算出：可使用 Performance API 时白屏时间 = firstPaint - performance.timing.navigationStart;
转载
2024-04-13 10:47:28
492阅读
