精华内容
下载资源
问答
  • vue cli3 兼容ie8以上浏览器

    万次阅读 2019-11-28 17:49:42
    1当我们使用 vue-cli3 搭建脚手架开发项目时,一般浏览器都可以支持,唯独ie浏览器,运行时页面一片空白 首先,下载 babel-polyfill 模块 npm install babel-polyfill -s 2 配置 polyfill,在根目录下新增babel....

    博客地址:http://www.globm.top/blog/1/detail/32
    1当我们使用 vue-cli3 搭建的脚手架开发项目时,一般浏览器都可以支持,唯独ie浏览器,运行时页面一片空白
    首先,下载 babel-polyfill 模块

    npm install babel-polyfill -s
    

    2 配置 polyfill,在根目录下新增babel.config.js文件:

    module.exports = {
      presets: [
        ['@vue/app', {
            useBuiltIns: 'entry'
        }]
      ]
    }
    

    如果文件本来就存在,有数据的话,加上下面的内容就可以了

    module.exports = {
      presets: [
        ['
        @vue/cli-plugin-babel/preset            //文件原始内容
        ', {
          useBuiltIns: 'entry'             //添加的内容
        }]
      ]
    }
    

    3同时在入口文件(main.js)第一行添加

    import 'babel-polyfill'
    

    最后,发贴不易,亲测的坑,大家点个关注吧 ~^ ^~

    展开全文
  • Asp使用JQuery.Uploadify上传范例,测试可用,除了主流的浏览器外还可以兼容IE8以上浏览器。
  • localstorage兼容ie8以下浏览器的问题

    万次阅读 2015-09-18 10:18:46
    最近在做一个网站,由于希望尽可能减小服务器的压力,也想提高网站的运转...如果ie不是国内最广泛的浏览器,如果ie9(ie8存在一些问题,后面再说)已经得到普及,那么一切就都很简单了,用html5的localstorage,一切都

    最近在做一个网站,由于希望尽可能减小服务器的压力,也想提高网站的运转速度,就想尽可能少的在服务器上读写数据以及下载重复数据,需要重复使用的数据,就储存在本地,能在本地进行的运算,尽一切可能在本地完成。

     

    于是就出现一个本地存储数据的问题。如果ie不是国内最广泛的浏览器,如果ie9(ie8存在一些问题,后面再说)已经得到普及,那么一切就都很简单了,用html5的localstorage,一切都变得异常简单——谷歌浏览器早就支持localstorage了,但ie支持得很晚。

     

    问题是,ie8以下的浏览器不支持localstorage;据说ie8支持localstorage,但我把ie升级到ie8之后,任然无法使用localstorage——一开始我以为是我的程序有问题,后来又觉得是ie8安装有问题,重装之后,我最终确定是ie8的升级程序有问题,微软的东西总是这么烂,早已习以为常了——这一来一去,差不多折腾了我三四个小时。

     

    于是乎我确定,即便用户浏览器是ie8,也要考虑无法使用localstorage的可能——而且从前段时间别人使用我的网站的情况来看,这种可能性还很大。

     

    既然ie8要排除在外,而ie9只能在win7上使用,win7现在又远未达到全面普及的程度——那么就必须解决低版本ie使用localstorage的兼容问题——真是生不逢时,再过几年就根本不用考虑这个兼容问题了。

     

    网上有几篇讨论这个问题的文章(都是中文,我读英文网页还是有一定心理障碍),其中被转载最多的是这篇:http://www.cnblogs.com/zjcn/archive/2012/07/03/2575026.html 

     

    由于我还属于刚入门的菜鸟级程序员,所以很多东西根本弄不懂,坑爹的是这篇文章给的代码零零散散,没法直接把它的代码直接嵌到程序里,而要弄懂它代码的意思又需要大费周章,另外找到几篇文章,把代码放进去,又会冒出一大堆我搞不懂的错误。

     

    于是我决定从最基础的原理开始,自己动手来做兼容程序,别人没有为你定做贴身的程序,就只有靠自己了,好在原理很简单:

     

    ie浏览器在很早的时候就支持一种UserData的本地存储功能,不过ie的UserData用起来比localstorage麻烦得不止一点半点(当然二者的差异还不止于此),接下来要做的就是用UserData来模拟localstorage的所有功能。

     

     

    localstorage有几项核心功能:

    1window.localStorage.getItem( key );——读变量

    2window.localStorage.setItem( key, value );——写变量

    3window.localStorage.removeItem( key );——删除变量

    4window.localStorage.clear(); ——变量初始化

    5window.localStorage.length;——本地变量的个数;

    6window.localStorage.key( i );——按序号读取变量;

     

    对于我做网站来说,最后两个功能基本用不上,我就没写,但要实现也很简单,如果你需要的话可以联系我,我们一起切磋。

     

    接下来就是要用UserData前面几项模拟功能,关于UserData的使用方法,我主要是参考了这篇文章:

    http://www.jb51.net/article/24086.htm 

    不过这篇文章也有几个坑爹的地方,让我浪费了不少时间。

     

    等我把UserData和localStorage的基本用法都弄懂了之后,我发现上面那篇介绍兼容方法的文章有不少亮点,但也有很多不如人意的地方——最大的问题是他是采用了用节点储存变量的方法,这样的话变量的总大小不能超过124k,这个规模对我的网站来说太小了,于是我采用了用文件储存的方式,这样变量大小就能达到1M,够用了。

     

    敲了几个小时的键盘,反复调试后,这段代码终于可以用了。(代码在下面)

    使用方法:

    (1)把这段代码放在第一个进行本地存储的语句之前的任何位置;

    (2)代码必须在<html>标签内;

    (3)不能将本地变量名设为"userdata_record"

    (4)不能以 userdataobj 命名变量

    (5)加入代码后,如果不使用localStorage.length和localStorage.key( i ),那么你就完全按照localStorage的使用方法进行本地存储就可以了。

     

    如果有问题欢迎和我联系。

     

     

     

     

    <script language="JavaScript" type="text/javascript">

    if(typeof(localStorage)=='undefined')

    {var  box = document.body || document.getElementsByTagName("head")[0] || document.documentElement; 

          userdataobj = document.createElement('input'); 

          userdataobj.type = "hidden"; 

          userdataobj.addBehavior ("#default#userData"); 

          box.appendChild(userdataobj);

       //设定对象  

                

     var localStorage= {

          setItem:function(nam,val)

        {userdataobj.load(nam);

     userdataobj.setAttribute(nam,val);

     var d= new Date();

                   d.setDate( d.getDate()+700); 

     userdataobj.expires=d.toUTCString(); 

     userdataobj.save(nam);

     userdataobj.load("userdata_record");

     var dt=userdataobj.getAttribute("userdata_record");

     if(dt==null)dt='';

     dt=dt+nam+",";

     userdataobj.setAttribute("userdata_record",dt);

     userdataobj.save("userdata_record");},

    //模拟 setItem

     

     getItem:function(nam)

        {userdataobj.load(nam);

     return userdataobj.getAttribute(nam); },

    //模拟 getItem

     

     removeItem:function(nam)

        {userdataobj.load(nam);

     clear_userdata(nam)

     userdataobj.load("userdata_record");

     var dt=userdataobj.getAttribute("userdata_record");

     var reg=new RegExp(nam+",","g");

     dt=dt.replace(reg,'');

     var d= new Date();

                  d.setDate( d.getDate()+700); 

     userdataobj.expires= d.toUTCString();

     userdataobj.setAttribute("userdata_record",dt);

     userdataobj.save("userdata_record");

    },

    //模拟 removeItem

     

     clear:function(){

         userdataobj.load("userdata_record");

     var dt=userdataobj.getAttribute("userdata_record").split(","); 

         for (var i in dt)

       {if(dt[i]!='')clear_userdata(dt[i]) }

           clear_userdata("userdata_record")

     }

    //模拟 clear();

     

    }

    function clear_userdata(keyname)//将名字为keyname的变量消除

    {var keyname;

     var d= new Date();

              d.setDate( d.getDate()-1);

     userdataobj.load(keyname);

              userdataobj.expires=d.toUTCString();

     userdataobj.save(keyname);

    }

    }

     

    </script>




     
    展开全文
  • 背景图片background-size兼容ie8以下浏览器解决 背景图片不够大,然后就想到用background-size:100%; 测试浏览器的时候发现ie8以下不兼容,图片会自动填充平铺过去,然后出现背景不好看现象。解决方法...

    背景图片不够大,然后就想到用background-size:100%;

    测试浏览器的时候发现ie8以下不兼容,图片会自动填充平铺过去,然后出现背景不好看的现象。解决方法:

    background-image: url(images/background.jpg); 
    background-size:100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg',sizingMethod='scale');/*兼容ie8以下*/

     

    posted on 2016-04-13 15:19 发哥要做活神仙(笔记) 阅读(...) 评论(...) 编辑 收藏

    转载于:https://www.cnblogs.com/91allan/p/5387272.html

    展开全文
  • bootstrap3 兼容IE8浏览器!IE8浏览器并不支持这一优秀Css3特性,Bootstrap在开发文档中写了如何使用进行兼容IE8,感兴趣朋友可以参考一下
  • 兼容真实IE8浏览器,模拟不起作用
  • meta http-equiv="X-UA-Compatible" content="IE=edge"> 2.npm安装依赖 安装babel-polyfill 插件 指令:npm install babel-polyfill --save-dev 3.在入口文件main.js文件中引入插件 ...

    1.首先需要在根目录的index.html文件加入如下代码

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    2.npm安装依赖

    安装babel-polyfill 插件

    指令:
    npm install babel-polyfill --save-dev

    3.在入口文件main.js文件中引入插件

    import 'babel-polyfill'

    4.需要在webpack.base.config.js配置文件中做如下修改

    module.exports = { 
    entry: { 
    app: ["babel-polyfill", "./src/main.js"] 
    } 
    }; 
    替代 
    module.exports = { 
    entry: { 
    app: './src/main.js' 
    } 
    } 

    到此就配置完成了

    转载于:https://www.cnblogs.com/thinkguo/p/11274998.html

    展开全文
  • 目前在做公司网站,检验个浏览器的兼容性,其他都好,唯独ie8以及8以下都不行,但是咯啊办要求兼容ie8,但自己版本是10,在8版本下,样式完全乱了,有没有什么好办法啊? 之前在360检验时,360有快速模式和兼容...
  • 前言:本项目基于github开源插件实现,该插件使用flash实现,兼容IE8以上浏览器 感谢michalstocki分享该项目,github项目地址:https://github.com/michalstocki/FlashWavRecorder 博主修改后项目下载地址:...
  • 当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.appName == "Microsoft Internet Explorer" ...
  • 想要给class为opacity_innerdiv设置透明度则需要 { <div class="opacity_wrap"> <div class="opacity_bg"></div> <div class="opacity_inner"> 该元素北京颜色为黑...
  • 兼容ie7的浏览器查看预览图片的js如下: $('#file').on('change', function(){ //预览图片的<img> var pic = document.getElementById('picture'); //图片上传的input var file = document....
  • obj.style.opacity = alpha / 100; // 兼容ie obj.style.filter = 'alpha(opacity=' + alpha + ')';
  • 【兼容】兼容IE8浏览器

    千次阅读 2018-06-10 10:45:26
    bootstrap3 兼容IE8浏览器 近期在使用bootstrap这个优秀前端框架,这个框架非常强大,框架里面有下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等,...
  • WEB前端一些兼容IE8 浏览器的写法

    千次阅读 2017-06-05 09:54:40
    整理各种兼容IE8浏览器的一些小技巧
  • 线上地址(http://flow-ui.refined-x.com/Flow-UI/dashboard/),可以直接使用IE8+浏览器打开测试,包含响应式以及图表等内容组件。。。
  • 我们都知道,前端开发最让人头疼的事情,就是兼容ie系列的浏览器了,不但麻烦还让人头秃,今天记录一个border-radius属性IE8浏览器兼容的问题。在IE8浏览器里面,border-radius这个属性是不起作用的,这个时候,就...
  • 我们在网站维护过程中,可能会常常配到 eWebEditor在IE浏览器ie8 ,ie7 ,maxthon 下不能正常使用(调用JS有错误)问题 解决办法: 在该编辑器存放目录下js文件夹下找到editor.js文件,打开该文件找到如下...
  • IE8浏览器的兼容

    2013-05-17 12:00:27
    IE8下启用IE7下的兼容模式 把这句代码加在head里边
  • bootstrap 兼容ie8浏览器

    千次阅读 2016-11-30 17:45:04
    bootstrap 兼容ie8 简单说明 完整代码 Demo下载 简单说明最近做项目碰到个问题,就是用bootstrap做后台框架时候,发现IE9以下都不能完整兼容。IE8表现为:界面兼容,bootstrap动作不支持。 IE7更强大:全面不...
  • sticky-header.js是一款非常实用的兼容IE8 浏览器的页面顶部固定jQuery插件。该页面顶部固定插件可以通过参数来控制header元素样式及固定效果,并且提供了丰富回调函数。
  • ie8浏览器IE8兼容是每位webFrontender痛点,这里讲介绍本人在兼容ie8常用到一些兼容方法和属性,干货马上呈上:1.不支持background-size属性background-size:100% 100%; filter: progid:DXImageTransform....
  • 问题描述:IE8对JS 的兼容性较差,常见原生ajax和jsH5新特性classList 1、IE8 window对象中JSON对象没有paser方法,但有stringify方法 解决办法: window.JSON.parse = function(jsonStr) { return eval('(' ...
  • 亲测好用video.js库,在使用video标签时可以进行统计视频实际观看时长等功能
  • 本文和大家重点讨论一下IE6 IE7 IE8 FF浏览器的CSS兼容问题,本来IE6跟ff之间的兼容是很容易解决的,加上个IE7会麻烦点,IE8的出现就更头疼了,下面看一下此问题如何解决。 IE6 IE7 IE8 FF浏览器的CSS兼容问题 IE6...
  • ie8浏览器IE8兼容是每位webFrontender痛点,这里讲介绍本人在兼容ie8常用到一些兼容方法和属性,干货马上呈上:1.不支持background-size属性background-size:100% 100%; filter: progid:DXImageTransform....
  • bootstrap 兼容ie8 浏览器

    千次阅读 2015-03-23 23:30:26
    今天晚上在玩弄bootstrap时候,发现在ie8上不兼容(吐槽下,即使是官方demo,在ie8上,效果也非常差,),原来是不支持媒体查询缘故,但在项目开发中,ie8肯定得考虑,找了好久,终于找到原因了。...
  • 今天在调试bootstrap的兼容性,发现在IE8上不兼容,布局都乱了。故在网上搜了一些方法,果然有用,现总结如下,以方便加深记忆。如果一些地方还不兼容可以直接在bootstrap-ie8.css加相应样式即可。如果还有问题...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,491
精华内容 3,396
关键字:

兼容ie8的浏览器