在360浏览器的兼容模式下,显示了在非兼容模式中没有出现的HTML标签,如下图

我到对应的页面去找,发现是标签的代码规范问题,这两个input本来是隐藏的,但是由于不规范书写(hidden处),在万恶的IE浏览器中就不能正确的显示了,错误代码如下:

<input name="id" id="id" hidden value="${contract.id}">
<input name="contractStatus" id="contractStatus" hidden value="${contract.contractStatus}">

以上代码在火狐、谷歌浏览器都能正常地把input隐藏掉,在IE就不行了(360的兼容模式,不就是看看能不能兼容IE么)

解决办法是规范编码后,就不会出现这些个你不想要它显示的HTML元素了: type="hidden"

<input name="id" id="id" type="hidden" value="${contract.id}">
<input name="contractStatus" id="contractStatus" type="hidden" value="${contract.contractStatus}">

360浏览器 兼容模式下页面显示异常(出现不改出现的HTML标签)相关推荐

  1. php怎么兼容360浏览器,360浏览器兼容模式的页面显示不全怎么处理

    这次给大家带来360浏览器兼容模式的页面显示不全怎么处理,处理360浏览器兼容模式页面显示不全的注意事项有哪些,下面就是实战案例,一起来看一下. 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基 ...

  2. 解决360浏览器兼容模式的页面显示问题

    解决360浏览器兼容模式的页面显示问题 参考文章: (1)解决360浏览器兼容模式的页面显示问题 (2)https://www.cnblogs.com/njy888888/p/7827200.html ...

  3. 360兼容模式页面错位_解决360浏览器兼容模式的页面显示问题

    由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网 ...

  4. 360浏览器兼容模式的页面显示问题

    开发过程中 突然发现一个问题:页面在360极速模式显示正常,但切换到兼容模式就是一片空白 解决:打开360浏览器后默认让其先选中极速模式 代码: <meta name="rendere ...

  5. 360浏览器兼容模式下站点显示不正常,极速模式正常

    1.可能跟客户端浏览器设置有关,因为360兼容模式使用的是IE内核,所以要排查IE相关设置(重点:安全站点) 2.可能是脚本或样式中不兼容语法,比如ES6,需要修改脚本或样式 特此记录一下!!!!!!

  6. 360兼容模式页面错位_如何解决360的兼容模式下页面的样式会错乱

    360的极速模式下页面打开样式完好 一旦用兼容模式打开,页面样式就全部错乱了 解决方法:我们在用idea新建jsp的时候,页面没有自动生成 这行代码,把这行代码加上去就OK了. 下面我就尽可能简洁扼要 ...

  7. vue检测是不是360浏览器兼容模式_Vue项目 IE/360浏览器兼容模式下打开空白的问题...

    记一次bug解决 bug发现 项目不复杂,就是一个基于vue-cli3搭建的pc端项目 在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq ...

  8. QQ浏览器及360浏览器兼容模式下怎么处理sessionStorage数据

    现在很多网站都需要在兼容模式和极速模式下都适应,开发的时候一般都是谷歌浏览器,前端需要存储一些本地信息,一般用的最多的是localStorage跟sessionStorage.极速模式下或者谷歌浏览器 ...

  9. vue项目中,360浏览器兼容模式下部分页面显示不出来

    1.问题 在项目中引用了百度地图,但是在360浏览器的兼容模式下无法显示 兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理解的'兼容'二字 2.解决 告诉浏览器最少使用IE11的内核去 ...

最新文章

  1. top命令按内存和cpu排序
  2. Java 8 - 数值流Numberic Stream
  3. android2.2桌面,手机桌面课表软件
  4. 在 Linux 操作系统中安装 Java
  5. CodeForces:1103(div1)1104(div2)
  6. (需求实战_02)_ftp连接下载指定.zip类型文件
  7. Kinect unity三维重建
  8. 热血传说复古传奇老显示服务器维护,《复古传奇之热血传说》新系列地图,新的装备即将出现...
  9. iOS base64解码失败
  10. 《伸手系列》之分布式锁Redssion入门和源码解析
  11. 服务器能不能用普通硬盘,服务器硬盘与普通硬盘之间的区别
  12. IT项目管理学习笔记(一)——第8-11章
  13. 第6节 远程管理路由器及交换机—基于Cisco Packet Tracer
  14. svn上传新项目的时候出现Can't set position pointer in file 'D:\***\*.rev':配额不足,无法完成请求的服务
  15. 彷徨 | HDFS核心设计思想图
  16. 【六足】关于六足机器人运动学正逆解
  17. 键盘输入一个整数1~7代表今天周几,再输入间隔天数n,判断n天后是周几
  18. Python利用Opencv读取图片
  19. 强化学习系列7:无模型的蒙特卡洛法
  20. #174-D: expression has no effect报错解决方法

热门文章

  1. 【iOS开发】国内首款轨迹记录App的开发(机器学习)
  2. python自动化操作应用程序错误_python自动化常见问题汇总
  3. 移动端App测试实用指南(下)
  4. 【重温SSM框架系列】2 - Spring配置数据源连接池(手动创建与配置)
  5. RedisTemplate使用PipeLine管道命令
  6. 物业小区高校水电抄表充值管理系统
  7. SAP MTS/ATO/MTO/ETO专题之二:MTS前台操作,对应策略10
  8. STM32CUBEIDE(16)----内部Flash读写
  9. input[type=file]去掉“未选择任何文件”及样式改进
  10. CAD电气原理图,60多套主流PLC电气图纸,有三菱,欧姆龙,西门子,基恩士,大量实践成功应用案例,图库,变频器