vue无法在360兼容模式及IE显示

2024-09-07

vue项目在IE浏览器和360兼容模式下页面不显示问题，亲测有效

解决方法:安装 "babel-polyfill" 1.命令:cnpm install --save-dev babel-polyfill 2.在入口main.js文件引入:import 'babel-polyfill',放页面顶部最好. 3.在build文件夹下找到webpack.base.conf.js中app: ["./src/main.js"]改为app: ["babel-polyfill", "./src/main.js&quo

EasyUI datagrid 在ie8和360兼容模式兼容性问题

问题:easyui中的datagrid在ie8和360兼容模式下显示不出来. 答案:不是easyui的问题.是引入的jquery版本问题.jquery-1.5.1抛异常,这个版本是mvc3自带的jquery.换个高版本的jquery便可以. 下面为ie8调试的界面:

vue2.0项目在360兼容模式下打开空白

安装两个依赖环境 yarn add babel-polyfill -D yarn add babel-preset-es2015 babel-cli -D 在main.js中引入babel-polyfill import 'babel-polyfill' 在webpack.base.conf.js文件中做如下修改 entry:{ app:['babel-polyfill','./src/main.js'] }, 在项目根目录新建.babelrc文件夹,文件内容如下 { "presets&qu

Angularjs在360兼容模式下取数据缓存问题解决办法

测试提了一个bug,在360浏览器兼容模式下,删除页面数据需要手动刷新浏览器才能看到最新的数据.首先要复现当时的问题,很容易就复现了,但是发现在360浏览器兼容模式下无法打开开发者工具.好在经过反复重装之后,终于打开了开发者工具,经过跟踪发现,第一次删除数据时可以正常刷新,第二次或以后的删除将无法刷新,跟踪代码,发现通过异步请求的数据正常的返回并且绑定了.点击搜索按钮,也无法实现刷新,但是点击分页,发现可以翻页.初步推断是浏览器缓存了异步请求数据,跟踪比较返回的数据发现,推断是正确的.于是从网上

360兼容模式==ie8 兼容模式下 span标签占位问题

ie8 兼容模式 ie8 标准渲染应付金额穿位错误代码 <span class="span_em">应付金额:<em><span style="float: right;" id="rechargeMoney" value="${result.orderPaymentView.shouldPayMoney }">${result.orderPaymentView.shouldPayMo

vue项目在ie浏览器和360浏览器的兼容模式下不显示，出现promise未定义问题

出现“promise未定义”问题,因为对es6不兼容在项目中安装 babel-polyfill 依赖包 ① npm install babel-polyfill --save-dev ② 在main.js中引用 import 'babel-polyfill' 重新启动项目即可

VS和IE或者360兼容模式简单调试js方法

首先IE(8.0版本以上)将脚本调试去掉,如下图之后在vs里面的js要调试的地方添加代码debugger ,如下图所示当程序运行到debugger处时,就会提示要调试,选择vs版本即可之后会出现调试窗口这里可以看到各变量的值了.

360浏览器兼容模式下IE内核版本

问题最近在跟客户演示系统时,自己电脑IE 11下好好的,我们web系统最低支持到IE9.在客户电脑上,IE9浏览器下可以正常浏览,但是360兼容模式下,页面什么也不显示. 通过F12调试工具发现,360浏览器默认使用的并不是用户电脑上的IE9模式,而是IE9的兼容模式,调整为IE模式可以正常显示. IE兼容性列表通过检查IE浏览器菜单发现,IE浏览器是可以设置兼容性列表的.通过IE的设置->兼容性设置,可以添加指定网站使用兼容性视图. 刚开始以为是360浏览器读取了IE的兼容性列表,但是客户

用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式

公司所作的页面在360下打开都会遇到在360下自动跳到360兼容模式引发许多兼容问题,摸索了好久终于在网上找到了怎么解决的方法,详情如下: 其实360给网站开发者设计了一种选择的方法,只要加入一段Meta标签代码就可以解决. 以下信息摘自360官方网站: 浏览模式极速模式.兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式: 表示极速模式表示兼容模式表示IE9/IE10模式(仅在安装了IE9或IE10后可用) 360极速浏览器会自动为您选择使用适合每个网站的浏览模式.所以,通常

在360的兼容模式下关于innerHTML=“”，引发的问题

innerHTML属性,可以动态设置和修改dom,但是在360的兼容模式下回存在一些问题...... var dBody = document.body; var fatherDom = document.createElement('div'); fatherDom.innerHTML = 'fatherDom'; dBody.appendChild(fatherDom); var childDom = document.createElement('div'); childDom.inner

弹出层在兼容模式和IE8模式下显示不正常

弹出层在火狐.谷歌.360极速模式.IE6下都能100%面积正常显示,但在IE8和360的兼容模式下只显示弹出层下半部分或右半部分的内容,在主页面加上: <meta http-equiv="x-ua-compatible" content="ie=7" /> 即可解决. 但是我的项目是在弹出层上面再有弹出层,结果是第二弹出层的没问题了但是第一弹出层被影响了(一些导航和标题浮动了). 后来看到了淘宝的源代码是这样写的:<meta http-

【CKEditor ASP.NET】解决360安全浏览器极速模式下不显示

博主问题只是出在误删了style.js文件首先我用的是这种模式,在单个页面上导入: <%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %> 然后直接把空间拖放到页面上 <div> <CKEditor:CKEditorControl ID="txtContent" Height=&q

JQuery中ajaxSubmit，在ie或360兼容，提交后台不能获得参数

问题描述:360兼容模式.IE浏览器,通过ajaxSubmit提交,后台不能获得参数值解决办法:把options.semantic这个参数改成true 代码: var ajax_option={ semantic:true, success:function(res){ } } $('#Form1').ajaxSubmit(ajax_option);

解决IE兼容模式问题

IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染.在浏览网页时候会出现网页显示问题,于是可以在html中加入以下代码来使IE使用固定的渲染模式: <metahttp-equiv="X-UA-Compatible"content="IE=8"> <metahttp-equiv="X-UA-Compatible"content="IE=7">&l

360浏览器兼容模式默认显示ie最高版本

之前写完代码都会放在360浏览器里跑一边,基本没啥问题,因为设置的都是极速模式,极速模式内置的是webkit内核,后来测试人员测试了兼容模式,发现会出各种问题,打开控制台一看,“我的天呐”,默认的竟然是ie7,本人从事前端以来就没调过ie7的兼容性,这可如何是好,后来同事给了一段代码,可以把默认版本改成ie最高版本, <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 瞬间所有问题

【踩坑】360安全浏览器“极速模式”和“兼容模式”，套路还是bug？

分享踩坑点: 项目中需要兼容360安全浏览器,大家当然都希望用极速模式打开网站,但是发现总是被兼容模式打开网址类似 aa.xx.dd.com 网上找了很多地方,有以下两种方法 1.<meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"> 2.<meta name="renderer" content="webkit"> -------------------

CSS hack 360浏览器极速模式与兼容模式

自动切换浏览器模式对于360浏览器7.1版本有效,8.1无效 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="FirsteLite.OMS.Test" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu

360浏览器兼容模式不能$.post (不是a 连接 onclick的问题!!)

最近发现一个360浏览器很蛋疼的事情,在兼容模式下代码: <a href="#" onclick='doAudit(1)'>审核</a> 点击没有任何效果,试了所有浏览器都不会于是以为是兼容模式会变成IE6 于是改成各种写法 <a href="javascript:void(0)" onclick='doAudit(1); return false;'>审核</a> 等等发现没有任何作用后来慢慢静下心,一段段注

meta 标签代码解决IE兼容问题,IE6,IE7,IE8,IE9,IE10（包括360的兼容模式）

最近做了一个项目,客户反映,在360下布局错位,远程调试了一下,发现客户使用的是360的兼容模式,然而我在自己的电脑上测试的时候是正常的(兼容模式也正常):简单研究了一下360的兼容模式,在360的兼容模式下按F12得到下图的调试信息: 经过测试,发现是红框处的设置的ie版本太低导致的,主要是文档模式更改文档模式为相对较高的版本即可解决, 这里,我添加了如下代码 <meta http-equiv="X-UA-Compatible" content="IE=edg

用meta name="renderer" content="webkit|ie-comp|ie-stand"来切换360双核安全浏览器的极速模式和兼容模式

以下信息摘自360官方网站: 浏览模式:极速模式.兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式:极速模式表示极速模式兼容模式表示兼容模式IE9IE10模式表示IE9/IE10模式(仅在安装了IE9或IE10后可用)360极速浏览器会自动为您选择使用适合每个网站的浏览模式.所以,通常您不用了解几种内核的区别.几种模式各有什么特点极速模式下,网站打开速度快,但某些网站在极速模式下可能出现兼容性问题,显示不正常.兼容模式下,网站打开速度比极速模式略低,但网页兼容性问题较少.IE9/I

vue无法在360兼容模式及IE显示

热门专题