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

2024-11-01

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

360浏览器兼容模式下jsp页面访问不到js文件

360浏览器兼容模式下jsp页面访问不到js文件查看自己js中的语法问题,不要用ES6的语法,编译不了故找不到js文件 const var of 码出高效 java 比较所有整型包装类对象之间值的比较,全部使用 equals 方法比较浮点数(尾数+阶码)之间的等值判断,基本数据类型不能用==来比较,包装数据类型不能用 equals 来判断自定义误差,使用BigDecimal 优雅 // 伪代码如下 final boolean existed = (file.open(fileName,

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

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

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

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

QQ浏览器兼容模式下Cookie失效导致的NetCore Cookie认证失效

最近在写NetCore项目采用的是NetCore的Cookie认证.结果偶然发现QQ浏览器登录不好用.这里先需要了解一下set-cookie中的SameSite属性导致原因首先Fiddler 4查看一下两次请求第一次Post进行登录返回302重定向到站点首页并带回Cookie (一切正常) 但是看第二条http请求,返回又是302 ,查看相关信息,请求时Cookie 根本没带入到此基本知道整个登录失败是因为Cookie没有带入请求头. 解决方案: NetCore Cookie认证下如

在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

vue项目中阻止浏览器返回上一页

vue项目中在某个页面阻止浏览器返回上一页,适用移动端.PC端. 使用场景例如: 首页与 A页面来回跳转,那样点击浏览器返回时也会来回跳转,本想当页面在首页的时候就不再返回了,所以这个时候需要阻止浏览器的返回. 用法:https://github.com/WangMaoling/vue-prevent-browser-back

vue项目中使用Lodop实现批量打印html页面和pdf文件

1.Lodop是什么? Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码直接实现复杂打印.控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下: ● PRINT_INIT(strPrintTaskName)打印初始化 ● SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)设定纸张大小参数说明: intOrient:打印方向及纸张

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

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

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

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

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

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

flex与相对定位在国内双核浏览器极速模式下的兼容性问题

在国内的浏览器中,360浏览器,QQ浏览器等绝大部分都是双核浏览器.双核浏览器即拥有IE兼容内核和非IE极速内核两个内核,分别对应兼容模式和极速模式.兼容模式时使用IE内核,极速模式采用webkit内核.而目前大部分网站为了性能和用户体验,默认使用极速模式.在极速模式出现问题时,使用兼容模式. 虽然极速模式是使用的webkit内核,但是浏览器的表现却还是有一定差异.平时使用Chrome调试,在极速模式下却表现的不正常. 好,进入正题.flex是目前前端布局中一个非常好的属性,这里不多说,可以看大

javascirpt的json.stringify()方法在IE浏览器兼容性模式下出错的原因与解决办法

今天开机混底薪的时候遇到一个JSON.stringify()在IE浏览器兼容模式下的问题. 问题描述一个弹窗选择的功能原来好好的,突然就不行了. 想要调试调试不了,报错信息也看不到(一开F12这破IE浏览器就奔溃,FUCK-IE果然名不虚传). 最后只能通过逐行提示调试法(alert大法好)去定位发生错误的代码范围,最终确定是这个JSON.stringify()方法出错了. 问题是原来可以的啊,想了半天发现是另外的同事在我电脑上测试的时候给我加了兼容模式,是这个兼容模式出了问题. 意思就是说,

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

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

HTML页面中启用360浏览器极速模式

今天做页面突然遇到浏览器一直在兼容模式下运行,体验不好,通过查询文档,在<head>中加入<meta name="renderer" content="webkit">,启用极速模式,可指定页面用webkit内核打开. 详情参见360浏览器官方说明:http://se.360.cn/v6/help/meta.html

QQ浏览器、搜狗浏览器等兼容模式下，Asp.NetCore下，Cookie、Session失效问题

原文:QQ浏览器.搜狗浏览器等兼容模式下,Asp.NetCore下,Cookie.Session失效问题这些狗日的浏览器在兼容模式下,保存Cookie会失败,是因为SameSiteMode默认为Lax. 有时页面需要用到验证码时,可能需要TempData保存一下,但是这种情况是无效的,因此需要用Session来存取,因为Session可以配置SameSiteMode 废话不多说,要修改的位置有3个,均是在Startup里面,设置完成即可 services.Configure<CookiePol

vue 项目中如何在页面刷新的状态下保留数据

1.问题:在vue项目中,刷新页面之后,我当前打开的所有菜单,都消失,我如何实现刷新之后页面仍然是刷新之前的状态效果图: 解决方法: 使用vuex作状态管理: 将vuex里面的数据同步更新到localStorage里面,改变vuex里的数据,便触发localStorage.setItem 方法, 实现代码: import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) function storeLocalStore (state) {

去除vue项目中的#及其ie9兼容性

一.如何去除vue项目中访问地址的# vue2中在路由配置中添加mode(vue-cli创建的项目在src/router/index.js) export default new Router({ mode: 'history', routes: [ { path: '/', name: 'menu', component: menu, children: [ { path: 'organization', component: organization, children: [ { path:

如何在VUE项目中添加ESLint

如何在VUE项目中添加ESLint 1. 首先在项目的根目录下新建 .eslintrc.js文件,其配置规则可以如下:(自己小整理了一份),所有的代码如下: // https://eslint.org/docs/user-guide/configuring module.exports = { //此项是用来告诉eslint找当前配置文件不能往父级查找 root: true, //此项是用来指定eslint解析器的,解析器必须符合规则,babel-eslint解析器是对babel解析器的包装使

转：如何在Vue项目中使用vw实现移动端适配

https://www.w3cplus.com/mobile/vw-layout-in-vue.html 有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在<再聊移动端页面的适配>一文中提出了vw来做移动端的适配问题.到目前为止不管是哪一种方案,都还存在一定的缺陷.言外之意,还没有哪一个方案是完美的. 事实上真的不完美

在Vue项目中使用vw实现移动端适配

有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在<再聊移动端页面的适配>一文中提出了vw来做移动端的适配问题.到目前为止不管是哪一种方案,都还存在一定的缺陷.言外之意,还没有哪一个方案是完美的. 事实上真的不完美?其实不然.最近为了新项目中能更完美的使用vw来做移动端的适配.探讨出一种能解决不兼容viewport单位

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

热门专题