IE和Chrome浏览器对img src为空时的重复请求

IE6模块化方案Ruby‘s Louvre:沙箱隔离与语义化版本加载 模块化是前端工程化的基石概念,其核心原理在于依赖管理、作用域隔离与按需加载。在缺乏原生ES模块和现代构建工具的时代,兼容性倒逼出以iframe沙箱、自定义解析器和确定性哈希标识为代表的技术路径。这类方案不仅承载了政企系统在IE6等老旧环境下的生存需求,更深刻体现了模块化本质——通过运行时隔离保障稳定性,借助语义化版本控制实现可维护性。典型应用场景包括银行网银控件集成、政务内网系统升级及存量JSP页面渐进式改造。Ruby's Louvre正是这一技术脉络中极具代表性的实践范本,其沙箱机制与版本解析逻辑至今仍为 阅读详情

今天发现注册中的验证码总是验证不通过,但是点击“换一张”就可以验证通过了。且该现象仅在ie和chrome下存在,firefox是正常的。

 

在断定验证码相关代码本身没有问题之后,通过在dispatch入口记log,发现有重复请求。

 

对代码进行排查,发现以下问题:

 

               <div class="bandNameImgWap"><img src=""/></div>

 

 

难道是空的src导致的问题?通过在该段代码前后设置exit,断定问题就出现在这!把src中填入一些非#的值,就消除了重复请求的问题。

 

在网上搜索,发现有很多人都遇到过这个问题:

 

http://hi.baidu.com/bdui/blog/item/9f6ed4af65c349cf7cd92a1f.html

http://www.cnblogs.com/pkurain/archive/2009/12/15/1624672.html

 

根据 RFC3986 中的定义,当一个URI 是空字符串的时候,它会被当做一个相对路径并根据一定的算法 去请求资源

localForage:浏览器本地存储的异步封装与工程落地实践 浏览器本地存储是前端离线能力、PWA 和用户体验优化的核心基础,涉及 IndexedDB、WebSQL 和 localStorage 三大底层机制。其本质是基于事件驱动和事务模型的异步持久化系统,但原生 API 复杂、兼容性差、错误处理分散。localForage 通过统一驱动抽象、结构化克隆支持与 async/await 语义封装,将存储操作从系统级编程降维为应用级开发。它不仅解决二进制(Blob/ArrayBuffer)存取、跨浏览器降级、schema 迁移等工程痛点,更重塑了错误处理范式——让 Quo 阅读详情

相关推荐

【Python爬虫】爬取企业专利信息

本来是个美好的周末的,但是周五晚上领导给了一个公司名称的Excel,让把这些公司的专利信息爬取下来。本文记录了爬取企业专利信息的心酸过程。码字不易,喜欢请点赞!!! 一、找寻目标网页 在接到这个任务之后,我的内心是拒绝的。但是又不能不干。因此首先我需要先找到有公司专利信息的地方。在一番查找和问了问朋友之后,我知道中国专利网、国家知识产权网、Incopat、天眼查、企查查这些网站上面都有企业的专利...

Asher117的博客 2万+

物联网数据可视化:ThingSpeak Charts的IE6兼容性设计解析

数据可视化是现代物联网应用中的关键技术,它通过图形化方式呈现传感器数据,帮助用户直观理解设备状态和趋势。其核心原理是将时序数据转换为视觉元素,如折线、柱状图等。在物联网场景中,可视化技术面临多样化的终端环境挑战,包括老旧工业设备、嵌入式显示屏等,这些环境往往浏览器版本陈旧或功能受限。ThingSpeak Charts采用服务器端渲染技术,生成静态图像返回给前端,从而完美规避了JavaScript引擎兼容性和内存限制问题,例如常见的“a javascript error occurred in the mai

weixin_30700099的博客 394

基于立创·天猛星MSPM0G3507的简易PID电机控制入门项目实战

本文详细介绍了基于立创·天猛星MSPM0G3507开发板的简易PID电机控制入门项目实战。从硬件选型、电路设计、PCB布局,到软件编程中的编码器读取、PID算法实现与调参,手把手教你完成一个带屏幕显示的电机定速与定距控制项目,是学习嵌入式开发和经典PID控制算法的绝佳实践。

weixin_42596011的博客 510

image src请求两次问题

image src请求两次问题

weixin_42381896的博客 3051

ccproxy 6.61 注册机(纯绿/傻瓜/真正去除线程限制)

导读:   软件介绍   1、 CCPROXY 6.61 注册机(纯绿/傻瓜/真正去除线程限制)   ***前言,这次的升级官方改动不大,据说只是为了不被某些软件当病毒***   附件包中解压即免安装版,CcREGTOOLFF.exe为注册机。   本人继续向大家隆重推出《CCPROXY6.61哎呀……破解版》   还是那个提示:   在此之前,本人还是那句老话想提示大家,CCPROXY是

i53nd的专栏 1万+

【读论文】AI陪伴场景长期记忆(用户画像)解决方案

在长程人机交互中,如何让 AI 记住用户,不再是简单的“检索增强(RAG)”就能解决的问题。传统的向量数据库面临“信息信噪比低”、“人格不一致”以及“随着对话无限增长而崩塌”的困境。MemTensor 团队联合人大提出的Inside Out框架,从认知心理学汲取灵感,提出了一种基于PersonaTree(人格树)的显式记忆进化机制。该方案通过训练一个轻量级的(使用 DeepSeek-R1 蒸馏数据 + GRPO 强化学习),实现了将非结构化对话流实时压缩为结构化树操作(新增|更新|删除)。

kakaZhui的博客 819

img标签src=""和background-image:url();引发两次请求页面bug

img标签src=""和background-image:url();引发两次请求页面bug具体原因是,在img 对象的src 属性是空字符串("")的时候,浏览器认为这是一个缺省值,值的内容为当前网页的路径。 浏览器会用当前路径进行再一次载入,并把其内容作为图像的二进制内 容并试图显示。 对于不同的浏览器测试后,发现对于有无src 或者src 是否为空的情况,还不尽相同,测试结果如下表...

weixin_30810583的博客 574

EDA开源仿真工具verilator入门4:访问函数介绍

访问函数(Visitor Function)是verilator算法实现的主要工作方式之一,本节将介绍一下访问函数。

fangfanglovezhou的博客 1076

[JavaWeb]_[初级]_[img标签的值为#时导致重复访问当前页面]

场景 在开发网站时,可能会遇到调试一个URL逻辑时,这个URL被调用了两次,怎么回事? 有些图片需要延迟加载. 那么src值会设置为#值,这会有什么坏处? 说明 URL被凋用两次,其实就是和<img src="#">标签的src值设置为#的原因。大多数的html标签,如果值是#,那么就会访问当前的URL网址. 比如<a href="#">标签,点击的时候其实就是访问当前页面. 而<img>在网页加载时会自动访问src里的网址,因此也就是会再访问一次当前网页。

小白 495

网神 SecGate 3600 防火墙 app_av_import_save文件上传漏洞(含批量验证poc)

网神 SecGate 3600 防火墙 app_av_import_save文件上传漏洞(含批量验证poc)

weixin_43567873的博客 297

深度学习图神经网络 (GNN) —— 处理图结构数据(六十九)

本文系统介绍了图神经网络(GNN)的核心概念、主流模型及其应用。主要内容包括: GNN基础:阐述了图结构数据的特性(节点数不定、连接不规则),以及GNN相比CNN/RNN的优势在于处理非欧式空间的图数据。 核心机制:重点讲解了消息传递框架(MPNN),通过聚合邻居信息迭代更新节点表示,并分析了GCN的归一化邻接矩阵计算和GAT的注意力权重机制。 典型模型: GCN:基于归一化邻接矩阵的特征传播 GAT:引入注意力机制区分邻居重要性 GraphSAGE:通过采样解决大图扩展性问题 GIN:理论表达能力最强的图

hello.reader 300

img标签src为空引发两次请求页面的问题

最近一直在asp.net mvc下开发网站,今天碰到了很让人郁闷的问题。我一个Controller里的 action在页面加载时被调用了2次。 起初怀疑JS问题,但屏蔽调JS后,问题依旧。没办法,把页面里的内容分别屏蔽的找了半天原因,最终发现是因为页面含有一个。记录:src="">引发的问题 ...其他服务器端代码... ...其他服务器端代码... 当调用这个页面的URL 的时候,会发现,网页被调用了2次。如果该访问

aspgreener的专栏 1023

打开 AI 投研新时代 —— 深度解析 GitHub 高星项目 daily_stock_analysis

GitHub热门开源项目"daily_stock_analysis"是一款AI驱动的智能股票分析工具,能自动抓取行情数据、分析新闻语义并生成结构化报告。该项目采用Python开发,通过GitHub Actions实现全自动运行,支持邮件、企业微信等多渠道推送。核心功能包括AI决策仪表盘、多数据源整合和零成本部署方案,特别适合需要自动化投研辅助的个人投资者。项目强调其仅为分析工具而非投资建议,提醒用户注意AI模型的潜在误差。该工具通过智能化处理重复工作,帮助投资者提升决策效率,成为量化投资

陈奕昆的博客 1526

img, script, link 的 src/href 为空时的bug

重复加载 这个 bug 并不新鲜。早在 2009 年,Nicholas C. Zakas 就发现了空 src 的危害性:Empty image src can destroy your site. Nicholas 的发现可以概括为一句话:img, script, link 的 src/...

chibenqi9310的博客 386

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

Chrome重复加载当前页面的问题

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33691700的博客 506

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

代码规范的重要性

最近碰到了一个问题,在IE下内容页面的浏览次数是正常更新的,而在Chrome和火狐下内容页面的浏览次数每次加N,各种能够想到的地方都查找了~结果没有发现问题所在。在高人的指导下,搜索了一下“Chrome 重复请求”终于找到了问题所在。解决方法如下:         最近做一个项目中有个收集用户操作行为的功能,做完后在各个浏览器中运行时却发现了个问题,凡是在chrome和safari浏览器中操

xiaoyatou_00的专栏 1370

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

webkit 内核浏览器,<img>异步加载相同URL,不触发load事件的BUG

最近一个项目的前端部分是依靠img.onload 来实现的.可是经常会出现加载不出图片的情况 ,由于出现相邻两次加载相同图片的概率很小,所以一直没能还原bug,让人头疼很久.昨天实在是忍不了了,在猎豹浏览器上疯点几千下,终于终结出问题的根源:相邻两次加载相同的src 属性 .不触发 onload 事件.chrome\qq 等使用webkit内核的浏览器都会出现这种情况. ...

adkaek1131的博客 310

ajax静态加载图片,JQuery实现Ajax加载图片的方法

本文实例讲述了JQuery实现Ajax加载图片的方法。分享给大家供大家参考,具体如下:最近在学习JQuery,想从原理上模拟一下无刷新的相册浏览。最先想到的思路是利用缓存,也就是先显示提示消息,然后get图片,在get完的时候回调,将img标签的src改掉,由于刚刚get过,有了缓存,所以图片会立刻显示出来。页面元素:正在加载……按钮的事件绑定:$(".picbtn").click(functio...

weixin_42500642的博客 460

高清ICON SVG解决方案

在上一篇文章中,我们讲述了字体渲染机制和导致iconfont出现锯齿的原因,以及如何才能出绘制高质量SVG ICON,并且提供了一套AI模版供大家参考使用。 下文将讲诉前端侧我们如何用SVG来做成高清IOCN,并且良好支持PC下的各个浏览器,并兼容IE6+以上的浏览器。 从上一篇文章中我们得知SVG 做的图标在IE9+的浏览器渲染效果相当的差,所以在IE下我们我们不使用SVG ICO...

aili1947的博客 254

【自用】前端通信(渲染页面方式SSR、url参数、window.location、跨域、透传、http请求异步、缓存cookie、web安全)

=

luemeon的博客 2017

Ruby‘s Louvre:IE6-8 DOM就绪检测的底层原理与现代复用

DOM就绪(DOM Ready)是前端生命周期中的基础概念,指HTML文档解析完成、DOM树构建完毕、脚本可安全操作节点的关键状态。其核心原理在于绕过浏览器不一致的readyState机制,利用渲染引擎私有API(如IE的doScroll)或可观测DOM属性变化实现精准判断。该技术具有低侵入、零依赖、高时效等工程价值,广泛应用于政企内网系统、银行柜面终端、工业控制界面等仍运行Trident内核的遗留环境。随着Electron、X5内核及定制化浏览器的持续存在,Ruby's Louvre所代表的‘主动等待’模

unixboy 1170

JS动态加载图片,无法获取图片宽高的问题

写一个动态加载图片的瀑布流,并用animate实现简单的动画效果,所发现的问题。首先先贴代码://模拟动态数据 var dataInt = {"data":[{"src":"31.jpg"}, {"src":"32.jpg"}, {"src":"33.jpg"}, {"src":"34.jpg"}, {"src&quot

wl562354983的博客 3643

深入解析浏览器两大帧级API:requestAnimationFrame 与 requestIdleCallback

在 Web 应用中,实现动画效果的方法比较多,JavaScript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的 API,即HTML5 新增加的 API,类似于 setTimeout 定时器。

qq_44376306的博客 2374

KindEditor实现WORD图片自动上传技术方案

富文本编辑器是内容管理系统的核心组件,其中图片处理是常见技术难点。通过解析剪贴板数据,可将WORD文档中的图片自动转换为可上传格式,其技术原理涉及base64编码转换、Blob对象处理和AJAX文件上传。这种方案能显著提升非技术人员的内容发布效率,特别适合企业CMS、知识库等需要频繁处理WORD内容的场景。以KindEditor为例,利用其afterPaste钩子和uploadJson配置,配合多浏览器兼容处理,可构建完整的WORD图片自动上传解决方案。该技术已在实际项目中验证,使内容发布效率提升70%,同

weixin_30615767的博客 269

AJAX学习笔记

学习笔记,b栈尚硅谷视频

Jackson_Yu的博客 1369
上一篇: C语言二进制文件读写
下一篇: 使用wiresshark抓包
flykobesummer
博客等级 码龄19年 23粉丝 177原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值