vue2.0 360兼容模式

2024-08-30

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

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

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

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

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

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

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浏览器兼容模式下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

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

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

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

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"> -------------------

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

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

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

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

关于使用X-UA-Compatible来设置IE浏览器兼容模式

原文地址:http://www.cnblogs.com/nidilzhang/archive/2010/01/09/1642887.html 前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性.在IE6中引入一个增设的兼容性模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式. 新的IE为了确保网页在未来的版本中都有一支的外观,IE8引入了文件兼容性.当你引入一个增设的兼容性模式, 此文章说明文件兼容性的必要性,列出现有版本IE能使用的文件兼容性模式并示

Vue2.0 全家桶开发的网页应用（参照吾记APP)

github链接借鉴吾记APP,使用 vue2.0+vue-router+vuex 为主要技术栈,elementui做为ui框架,多模块 spa 模式,webpack2.0 负责模块打包,gulp 负责处理静态资源打包.压缩,欢迎打赏star!!! 安利一下吾记前端构建流程本地环境准备安装node: * https://nodejs.org/en/download/ ("node": ">=6.0",对应需要升级node-sass,不然使用不了!) 配

vue2.0项目实战（1）基础入门

最近公司的H5项目准备重构,部门老大说前端使用vue2.0来开发,所以就准备把整个项目的开发过程记录下来,一方面是为了记录开发过程中遇到的坑,另一方面也加强自己写作的能力. 什么是 Vue? 简要介绍一下vue,vue就是一个前端框架,特点是数据双向绑定,比如说改变input输入框里的内容,就会自动同步更新到页面上绑定该输入框的组件的值. 看一下官方对vue的介绍: Vue.js,读音 /vjuː/,和view发音几乎一样,可见重心是在视图(view)层上的.Vue.js 的目标是通过尽可能简

vue2.0 360兼容模式

热门专题