HTML5CSS3浏览器兼容

浏览器兼容问题处理

IE浏览器兼容问题处理JS部分：问题：vue项目在ie11下一片空白原因：IE10浏览器解析不了es6的语法，需要我们使用babel（Babel是一种工具链，主要用于将ECMAScript2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的
吃炸鸡的前端·2023-09-02 18:38

【场景方案】用babel把将es6降级成es5，提高浏览器兼容性

文章目录概念安装基本使用初始化一个node项目es5转译在webpack中使用总结工程化概念小白就记住，babel能够将es6编译成ES5，解决低版本浏览器无法识别ES6的问题。安装全局安装，用babel提供的babel-cli工具。npminstall-gbabel-cli通过查看版本来看是否安装完成：babel--version基本使用初始化一个node项目在一个新建文件夹中：npminit-
庞囧·2023-09-02 18:36

babel - 语法降级与Polyfill消灭低版本浏览器兼容问题

babel-preset-env首先我们来理清楚这三个概念:最新ES语法，比如：箭头函数，let/const，class,asyncawait。最新ESApi，比如Promise最新ES实例/静态方法，比如String.prototype.includebabel-prest-env仅仅只会转化最新的es语法，并不会转化对应的API和实例方法，比如说ES6中的Array.from静态方法。babe
翘首等待·2023-09-02 18:35

css3 column瀑布流布局（兼容4大浏览器）

column的浏览器兼容问题，不同内核要写其前缀column-width和column-count没有必要同时出现column-rule设置列与列之间的边框-webkitGoogle浏览器内核-msIE-oopera-moz
MrHu1·2023-08-31 00:39

WebSocket- 前端篇

官网代码//为了浏览器兼容websocketconstWebSocket=window.WebSocket||window.MozWebSocket//创建连接this.socket=newWebSocket
禾苗种树·2023-08-30 07:45

前端浏览器兼容问题汇总

做前端，总会涉及到浏览器兼容的问题，之所以存在浏览器兼容的问题，是因为各个浏览器的内核不同，相对应的同一套代码，不同的浏览器解析后，所呈现的页面效果也会存在一定的差异。
一简行者·2023-08-30 02:07

Windows11在Edge浏览器中打开IE浏览器兼容的页面，在Edge浏览器打开加载ActiveX控件的页面

打开Edge浏览器，点击右上角三个小点···，在弹出的列表中点击设置，进入设置界面。进入设置界面后，点击默认浏览器，如下图进行设置可以在图中添加按钮处，单击后输入要默认IE模式打开的页面网址，然后用Edge浏览器打开该页面时会自动以IE模式打开，该页面会默认一个月内都以IE模式打开。设置完后，在需要调整为IE模式的页面下，点击右上角的三个点，在弹出的菜单中可以看到多除了一个“在InternetEx
Flywithdawn·2023-08-29 07:06

window.open()参数及浏览器兼容

window.open()用于新开一个浏览器窗口、浏览器新开标签页、查找已命名的窗口语法window.open(URL,name,specs,replace)URL页面路径name窗口命名specs参数参数说明浏览器兼容上表中为各个浏览器对
fk129·2023-08-26 00:11

html-css文字特效,7款震撼人心的HTML5CSS3文字特效

1、HTML5像素文字爆炸重组动画特效今天我们要分享一款基于HTML5技术的文字像素爆炸重组动画特效，我们可以在输入框中指定任意文字，点击确定按钮后，就会将原先的文字爆炸散去，新的文字以像素点的形式组合起来，看起来非常棒。2、HTML5/CSS33D文字特效文字外翻效果今天我们再来分享一款很酷的HTML5/CSS33D文字特效，该文字特效的效果是鼠标滑过文字就会出现3D外翻的效果，非常不错的一款文
号三·2023-08-24 08:23

前端--导致页面白屏的原因

浏览器兼容问题vue代码在ie中显示白屏URL网址无效或者含有中文字符缓存导致vue项目打包后，在非首次线上替换dist文件时，某些手机/浏览器在之后首次打开页面，可能出现白屏情况原因：在用户端会默
yggjdle·2023-08-24 02:42

浏览器兼容——http-equiv="X-UA-Compatible"

一个网站如果做好了浏览器的兼容，不仅能够让其在不同的浏览器下都能正常显示，也能够抓住更多的网站访客，提高用户体验。通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。ref：https://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answ
小妍妍说·2023-08-23 22:57

VueCli3 兼容IE11 配置艰苦历程

由于目前项目是采用VueCli3搭建的项目，对google，火狐、eage、360等浏览器兼容不错，但是对IE确出现了问题，目前项目要上线，那个着急啊，花了将近两天的时间从网上那个度娘，必应啊，但还好最终还是完美解决了
风随心飞飞·2023-08-23 16:14

es5数组及对象处理方法

es5浏览器兼容：Opera11+Firefox3.6+Safari5+Chrome8+InternetExplorer9+vue因为采用es5语法，所以兼容也是兼容到IE9；这就说明，在你开发的时候可以放肆的运用
流过·2023-08-22 19:36

浏览器存储

浏览器兼容性详细请参考http://caniuse.com/#search=cookie在浏览器中操作如下：//读取网站下
meng_281e·2023-08-22 18:31

Vue CLI 3 浏览器兼容性配置

browserslistVueCLI3初始化的项目，你会发现有package.json文件里的browserslist字段(或一个单独的.browserslistrc文件)，指定了项目的目标浏览器的范围。这个值会被@babel/preset-env和Autoprefixer用来确定需要转译的JavaScript特性和需要添加的CSS浏览器前缀。通常只需要修改browserslist即可兼容目标浏览
一米阳光kk·2023-08-21 15:54

关于Vite项目打包后浏览器兼容性问题的解决方案

一、问题描述vite+vue3项目开发完以后，你会发现打包后的项目运行在新版浏览器可以正常显示，但运行在一些版本比较老的浏览器如Chrome<23、Firefox<21和IE等浏览器上时显示一片空白，并且没有任何的错误提示。二、问题分析此时你的大脑可能跟页面一样也是一片空白，但是不要慌，我们先分析一下产生这个问题的可能的原因：那些版本较低的浏览器不支持ES6的语法和新API，而Babel默认只转换
Memory_Space-2020·2023-08-20 17:41

Webpack摘抄

Webpack的使用及常见配置1、webpack的概念1.1、入口（entry）1.2、输出（output）1.3、loader1.4、插件（plugin）1.5、模式（mode）1.6、浏览器兼容性（
前端卡夫卡·2023-08-20 15:40

animate.css 兼容ie,关于css3的动画效果animate的使用说明及浏览器兼容的介绍

这篇文章主要介绍了关于css3的动画效果animate的使用说明及浏览器兼容的介绍，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下昨天突然看到jing.fm(这个音乐网站非常不错，很多效果我都很喜欢
weixin_39624873·2023-08-20 14:37

Pjax的学习使用

####优劣：提高用户体验，减少带宽使用浏览器兼容问题，服务
小_杭·2023-08-19 14:13

Qt 嵌入Vue项目 flapMap 浏览器兼容性问题

最近有个需求，Qt工程需要嵌入vue项目，本来是很简单的事情。在我的PC上启动Vue项目，同事PC上用浏览器通过IP地址可以正常加载vue项目，但用Qt嵌入总是失败。问题定位步骤如下：1）换了一个简单的vue项目，发现没有问题，Qt工程能正常加载vue项目2）由于Qt不像浏览器那样可以console，或断点定位，所以采用加alert的方法来定位，最后定位到调用flatMap方法的地方有问题。fla
夜跑者·2023-08-18 11:39

js获取当天零点和24点

//获取当天零点的时间conststamp2=newDate(newDate().setHours(0,0,0,0)+24*60*60*1000-1);//获取当天23:59:59的时间方法二：（存在浏览器兼容问题
booleann·2023-08-17 16:26

前端开发浏览器兼容问题汇总

1，浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin和padding差异较大。
我的铁锤妹妹·2023-08-17 08:43

在IE内核表格无法刷新

之前一直都是用edge去开发没有发现layui框架下表格存在的问题，今天用QQ浏览器兼容模式发现重新载入页面页面内容没有改变。
小白记事录·2023-08-17 03:21

js操作剪贴板讲解

cut事件从剪贴板进行粘贴document.execCommand('paste')Clipboard粘贴Clipboard.readText()Clipboard.read()paste事件安全性和权限浏览器兼容性在操
定栓·2023-08-15 21:03

和我女神王冰冰一起学display: flex布局

浏览器兼容性链接：https://caniuse.com/?search=flexFlex布局是什么Flex是
凌览1·2023-08-15 20:38

解决iOS 底部fixed后 页面滑动后无法点击的问题

(具体间距根据自己页面来调整)遇到问题：iOS系统下，底部按钮有时无法点击，滑动中间区域后，底部按钮有时可点有时不可点原因：ioswebkit渲染和绘制不同步导致的（具体百度去吧，主要就是Safari浏览器兼容问题
hsqin·2023-08-15 01:05

Phantomjs、Selenium之后浪Puppeteer

如果不考虑浏览器兼容问题，Puppeteer的简洁的接口，更简单的Js语法，做自动化测试也是不错的方案。Puppeteer是什么？
飞哥专栏·2023-08-14 10:15

CSS基础：定位与浏览器兼容性

position属性介绍：CSSposition属性用于指定一个元素在文档中的定位方式。top，right，bottom和left属性则决定了该元素的最终位置。position属性值static介绍：该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时top,right,bottom,left和z-index属性无效。.box{position:static;}relati
哇有米·2023-08-14 08:03

html5网格布局建站,CSS网格布局的示例代码

本文介绍了CSS网格布局的示例代码，分享给大家，具体如下：浏览器兼容性可以看出CSS网格布局从Safari10.1,Firefox52,Chrome60，Edge15开始受到支持。
weixin_39817122·2023-08-14 03:05

2018-08-10本周学习总结

1.布局,Title,地址栏,导航栏,按钮,搜索框,工具栏,Logo,图片,页眉,页脚,超链接,颜色,样式,字体2.markdown3.浏览器兼容性测试:不同浏览器,浏览器版本4.移动设备模拟器:ie的仿真
想你想到我反胃·2023-08-11 13:12

vue3.0+vite项目如何解决低版本浏览器兼容性

最近开发了一个PC端的新项目，这个项目要嵌入到之前一个老的后台管理系统里面。因为客户使用的谷歌浏览器版本比较低，又不愿意做升级处理，所以只能由我们来做低版本浏览器的兼容性处理（无奈，有些新技术想用又不能用）。所以我总结一下vue3.0+vite项目的低版本浏览器的兼容性处理。1、安装babel/polyfill及其相关依赖解决低版本浏览器（谷歌浏览器66.0版本）的兼容性问题，说白了就是低版本浏览
时清云·2023-08-10 22:05

vue-cli3项目浏览器兼容问题，在低版本系统中白屏

vue-cli3项目浏览器兼容问题，在低版本系统中白屏vue-cli3中自带babel-polyfill，会将es6语法转化成es5语法。但是如果依赖中有es6，polyfill是不能检测出来的。
lancnn·2023-08-10 22:32

vite打包后的文件提供传统浏览器兼容性支持

vite为打包后的文件提供传统浏览器兼容性支持安装主要插件yarnadd@vitejs/plugin-legacy-DVite的默认浏览器支持基线是NativeESM。
egegerhn·2023-08-10 22:28

vite项目低版本浏览器兼容性问题

技术：vite+vue3+ts+ElementPlus+vant1、这个是还没打包（开发环境）的实现：先说下问题：app内置的浏览器内核版本太低，导致用app内置浏览器打开，会出现白屏，引入vconsole调试了一下，发现一个问题，提示有个错误的符号‘.’，最终把问题锁定在了一个执行语句：XXX?.xxx该语句是ES6的新语法，一般浏览器都没有问题，但低版本的浏览器无法解析该语句，所以要进行js转
码农键盘上的梦·2023-08-10 22:27

使用JQuery插件Jcrop进行图片截取

其优点是具有较高的通用性、浏览器兼容性（IE6+）及稳定性高，缺点是无法适用于手机H5开发（无图片缩放、拖拽效果）。
weixin_34015336·2023-08-10 05:46

【软件测试】你最常用的web测试-浏览器兼容性测试

如今，市面上的浏览器种类越来越多（尤其是在平板和移动设备上），这就意味着你所测试的站点需要在这些你声称支持浏览器上都能很好的工作。同时，主流浏览器（IE，Firefox，Chrome，Opera，Safari）版本更新更加频繁，终端用户甚至不会感知这些浏览器版本的升级。这两点就导致了对于日益增多的浏览器做兼容性测试显示十分必要，但也使得这种兼容性测试变得十分耗时。通过全覆盖的测试，你就可以明确的知
软件测试墨白·2023-08-10 03:37

一文读懂浏览器本地存储：Web Storage

一、简介二、localStorage和sessionStorage2.1、区别2.2、浏览器兼容性三、使用说明3.1、API介绍3.2、浏览器查看3.3、监听四、存储4.1、存储容量4.2、存储性能五、
转转技术团队·2023-08-09 22:57

神器啊!安卓iOS的H5还能这样调, 这样测...

前端小哥哥小姐姐们面对着浏览器兼容性与手机分辨率的各种坑，模拟器又重现不了，想找到对应的手机又比较困难，非常脑壳疼，极大的影响了开发的效率。
UC研发效能·2023-08-08 10:22

CSS基础知识整理

SEOcss2.1（1）浮动float（2）定位positioncss3（1）圆角(border-radius)（2）阴影(text-shadow、box-shadow)（3）动画animation（4）浏览器兼容性
王道无谓·2023-08-08 03:46

基于Threejs的jQuery 3d图片旋转木马特效插件

浏览器兼容：Firefox-30.0.0+Chrome-35.0.0+Explorer:9+IpadSafari:7.0.0+IphoneSafari:7.0.0+IOSSafari:7.0.0+AndroidChrome
souhugirl·2023-08-07 02:14

高级web前端开发工程师的职责说明（合集）

高级web前端开发工程师的职责说明1职责：1、根据需求文档，完成PC端、移动端页面及交互的开发，并保证兼容性和确保产品具有优质的用户体验;2、熟练使用HTML、CSS、JS、Ajax等技术，能解决各种浏览器兼容性问题
matlab@com·2023-08-06 05:30

高级web前端开发工程师的岗位职责最新（合集）

指导其他前端开发人员工作2.负责产品的Web前端开发及用户交互体验设计;3.基于HTML、CSS、JavaScript标准进行页面制作，编写界面组件;4.协同后台开发工程师，完成Web系统开发任务;5.优化代码并保持良好浏览器兼容性
matlab@com·2023-08-05 06:33

web前端设计师的岗位职责表述（合集）

岗位要求：1、精通html/html5、div+css、javascript等开发技能;2、精通bootstrapweb框架;3、精通ajax交互数据对接和程序调试;4、具备主流浏览器兼容设
matlab@com·2023-08-05 06:03

rp文件生辰html,HTML: 标签

在线示例一个ruby注释：示例html>基础教程网(nhooo.com)漢(Kan)字(ji)测试看看‹/›浏览器兼容性IEFirefoxOperaChromeSafariIE9+、Firefox、Opera
江湖上都叫我big飞·2023-08-04 21:49

对于部分双核浏览器，通过设置meta来保证显示正常

1.添加meta语句具体可参看360安全浏览器:http://se.360.cn/v6/help/meta.html图片.png2.保证浏览器兼容模式设置，一般默认添加下面这一句。
Simple_Learn·2023-08-04 04:20

vue3解决低版本浏览器兼容性问题

1、安装babel/polyfill及其相关依赖npminstall--save@babel/polyfillnpminstall--save-dev@babel/core@babel/plugin-transform-runtime@babel/preset-enves6-promisebabel-polyfillnpminstall--savecore-jsregenerator-runtim
陆仁丶·2023-08-03 21:02

提交表单，对表单数据的处理 FormData

FormData有浏览器兼容问题FF4（火狐浏览器）中增加了一个很有意思的对象，FormData。
xiaoxiaoman2010·2023-08-03 17:03

display:grid的基本使用、行和列的基本设置、间距、行列宽高

w3school介绍的超级详细跟着敲了一遍……浏览器兼容问题：两边对齐可以选择宫格化布局。.
陌~上花开·2023-08-02 08:10

移动端布局 px em rem vw vh %的区别

font-size（默认为16px）值来计算，出现层层嵌套问题，计算麻烦rem：相对定位，相当于em的升级版，区别在于rem相对于根元素html来计算，不会出现em的层层嵌套问题，可以作为弹性布局，其浏览器兼容性也比较好
諾口壹生·2023-08-02 04:42

vite项目低版本浏览器兼容性问题

技术：vite+vue3.2+ts+vant1、这个是还没打包的实现：先说下问题：app内置的浏览器内核版本太低，导致用app内置浏览器打开，会出现白屏，引入vconsole调试了一下，发现一个问题，提示有个错误的符号‘.’，最终把问题锁定在了一个执行语句：XXX?.xxx该语句是ES6的新语法，一般浏览器都没有问题，但低版本的浏览器无法解析该语句，所以要进行js转换，一般的vue2项目我们会使用
紫轩阁·2023-08-02 01:33
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他