Iframe 与 SameSite:Iframe 中设置 cookie 失败的原因及解决方案 从 Chrome 51 开始,其针对 Cookie 新增加了一个 SameSite 属性,用于防止 CSRF 攻击和用户追踪等。 而从 Chrome 80 开始 SameSite 默认值发生改变,由 None 变为 Lax,由此导致许多在网页上跳转跨站的网站页面时不会携带 Cookie,造成登录态失效等一系列问题。此外,在基于 https 的 iframe 页面中设置 cookie 也会失效。 1 前端开发 任侠 2023-10-30 5509 热度 0评论
edge 浏览器保持 setTimeout/setInterval 不被冷却暂停的方法 当 edge 浏览器进入后台时,其网页中的 setTimeout 定时器可能会因为性能优化策略而被冷却暂停,直至页面再次恢复焦点。 我们有两种办法可以避免这种现象的发生。 方法一:关闭 edge 效率模式 在 edge 浏览器中按快捷键 Alt + F,选择 设置 -> 系统和性能 -> 性能优化。也可以直接在地址栏中输入地址 edge://settings/system 然后回车直接 前端开发 任侠 2023-08-27 4874 热度 0评论
Chrome Developer Tools 开发者工具实用调试技巧 copy 复制断点处作用域的变量值 在 debugger 模式下,可以直接在控制台打印当前断点处作用域内的变量。 如果想复制相关变量的值,有两种快捷方法: 在控制台中输入 copy(<变量名>) 在控制台中输入该变量名,打印出该变量,在其上右键选择第一项 Copy Object 如此操作后该变量值即被复制到剪切板中了。 条件断点 debugger 指定位置的代码,右键选择修改断点 -& 前端开发 任侠 2022-02-22 1170 热度 0评论
puppeteer 最新版本安装设置国内代理、设置跳过 chrome 安装的方法 puppeteer 安装设置国内代理下载 chrome 的方法 通过执行命令 npm install puppeteer,可以快速简单的将 puppeteer 添加到项目依赖中。 但是期间会下载 Chromium,如果是在国内大概率会被卡主很长时间,甚至是失败。 设置如下环境变量(支持puppeteer新旧版本),可以让它通过访问在国内的镜像文件达到快速下载的目的: export PUPPETEE 前端开发 任侠 2017-10-31 18726 热度 4评论
chrome谷歌浏览器扩展无法关闭、删除:此扩展程序受政策控制,无法删除或停用 在谷歌浏览器中,你可以通过安装扩展应用以使用其提供的功能。当不需要继续使用它时,也可以停用或删除它。但是你可能也和我一样,遇到了无法停用或删除扩展的情况,其表现如下: 在 chrome 浏览器扩展页面中(chrome://extensions/),该扩展的启用复选框被禁用无法选择,并且包含如下提示文案:“此扩展程序受政策控制,无法删除或停用”。 通过政策页面(chrome://policy/),我 电脑基础 任侠 2015-08-03 20691 热度 1评论
基于浏览器的幻灯演示工具组件:impress.js 快速上手及相似组件推荐 作为 Web 前端开发者,基于浏览器的幻灯演示,相比 Microsoft PPT 这种传统的幻灯片软件来说拥有很多的优势。但如果完全自己来实现,又明显非常的麻烦。那么有没有简单易用的开源组件呢?如果你以这样的目的正在寻找,impress.js 或许就是你所需要的。 impress.js 是一个基于 css3 和 javascript 开发的演示工具,基于 webkit 浏览器(Chrome、Saf 前端开发 任侠 2014-11-11 21238 热度 6评论
windows8.1中IE11地址栏消失找不到的原因及解决方法 现象 在windows8.1中,IE11的桌面版是没有地址栏输入框的,这可能让很多人感到迷惑。那么让志文工作室告诉你原因吧。 原因 其实,IE11在Modern触控模式下的使用体验是很不错的,但若你的默认浏览器不是IE11(而是如360、谷歌浏览器等),那么IE11的Modern模式是打不开的,这就是问题之所在。 解决方法 所以,必须设置IE11为默认浏览器,再打开IE11,则可进入 Modern 电脑基础 任侠 2013-11-02 15323 热度 0评论
浏览器窗口/屏幕/网页的高度、宽度大小判断与获取 HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetH 前端开发 任侠 2013-08-26 7754 热度 0评论
Paused in debugger: Chrome 浏览器F12调试不断进入中断状态的原因 Paused in debugger: Chrome 浏览器F12调试不断进入中断状态的原因 不知什么时候开始,使用 chrome 浏览器的 F12 键调试页面时,刷新页面即进入 Paused in debugger 状态,不断的中断让人很是恼火。搜索查找了下原因,原来是一个按钮设置惹的祸。 原因就是将 DOMException 的 Pause 按钮选中了,这个按钮在左下角,如图一所示: 参考 h 电脑基础 任侠 2013-07-05 21017 热度 1评论
tty.js:运行于浏览器上的虚拟终端 概述 tty.js 是一个使用 node 和 socket.io 的虚拟终端。让用户可以通过浏览器连接到 Linux 进行运维操作。 特点 支持 xterm 鼠标事件 支持 256 颜色 完全采用 JavaScript 开发,开放源代码,可以按需修改 支持 http 和 https 两种连接方式 优势 基于 nodejs 网络 IO 的效率不容置疑 可以和 node-webkit 完美组合, 打造 前端开发 任侠 2013-06-28 11423 热度 0评论