兼容性
兼容性
pg_li
这个作者很懒,什么都没留下…
展开
-
React HashRouter分享时url中的“#“号在ios上被转义,导致不能访问
h5应用在做分享功能是,用ios不能正常打开。通过nginx配合转发。原创 2022-12-13 21:55:56 · 698 阅读 · 0 评论 -
safari兼容性问题记录
new Date 不识别"-"new Date('2022-05-05 08:37:00'); // Invalid Date// 需要把2022-05-05 08:37:00 转成 2022/05/05 08:37:00不支持后查找 (?<=)原创 2022-05-05 08:41:13 · 253 阅读 · 0 评论 -
Not allowed to navigate top frame to data URL:
1、高版本chrome出于安全考虑,禁止打开base64图片2、可以通过iframe去加载base64。function openBase64(base64){ const win = window.open(); win.document.write('<iframe src="' + base64 + '" frameborder="0" style="border:0; top:0px; left:0px; bottom:0px; right:0px; width:100.原创 2022-01-20 18:58:33 · 1678 阅读 · 0 评论 -
ie8下excanvas在modle组件中使用时,有红色背景显现
1、背景项目中使用canvas绘制图形,但是需要指出IE8浏览器,因此使用了excanvas.js插件来做支撑excanvas是使用IE的VML对象,将canvas的api实现一遍,来达到可以使用cavans当是的图形是在window组件中使用(当时做的是个动态图表,每隔5秒向服务端取1个数据,然后前端缓存这些数据,生成动态线。由于要缓存数据,当时在数据没有回来时,组件实例化生成了,canvas元素也生成了。在数据回来前没有绘制动作,导致excanvas生成的默认背景色显示出来了),图.原创 2020-12-23 14:55:03 · 121 阅读 · 0 评论 -
谷歌浏览器调用webkitRequestFullScreen方法后,设置的背景色只填充可视范围问题。
1、问题根因 谷歌浏览器下默认对全屏设置的背景色是白色,而当前body是不设置高度的或者设置的是100%,导致背景色只对可视范围生效。2、解决思路 设置谷歌浏览器下,背景色,覆盖掉默认的颜色 //各个浏览器下 全屏状态下背景色设置:-webkit-full-screen { background-color: @content-bg !important;}:-moz-...原创 2018-06-07 10:47:22 · 14152 阅读 · 0 评论 -
地图鼠标样式(参考百度地图)
1、获取图标 点击连接并保存 closedhand.cur openhand.cur2、CSS样式 /*鼠标样式*/ .chart-cursor-d3 { cursor: url("assets/img/charts/openhand.cur") 8 8, default; cursor:grab; /*IE下兼容性处理*/...原创 2018-07-10 11:29:58 · 3407 阅读 · 5 评论 -
谷歌浏览器覆盖input默认样式
一、修改场景:默认的样式通过和背景颜色不一致,有一些突兀,体验不好。二、问题根因:谷歌默认的样式为淡黄色三、解决思路1、覆盖掉默认的颜色 适用场景:背景色或者背景图片的颜色是一致的,且没有变化 &:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px $bg inset !impo...原创 2018-06-28 23:46:45 · 2483 阅读 · 1 评论 -
解决d3.js在angular中添加class样式不生效问题
1、背景 在ng-alain中使用d3.js绘制曲线图,想改变坐标轴的样式。通过.attr('class', 'd3-line-axis')的形式添加样式来覆盖d3.js默认的样式,但是一直不生效。 2、原因 .ts文件中3种添加样式的方式1)template种直接<style></style>2)通过styles: []3)通过st...原创 2018-08-03 14:21:46 · 2583 阅读 · 0 评论 -
html判断IE浏览器,根据版本加载不同的文件
1、cc:ie6 + tab键盘 <!--lte 小于或等于--> <!--[if lte IE 6]> <script type="text/javascript" src=""></script> <![endif]--> <!-- !不等于--> <!--[if !IE 6]>...原创 2019-05-19 19:09:35 · 1388 阅读 · 0 评论