1.前沿 在项目中使用clipboard.js插件去实现点击按钮,复制一段网址到剪切板的功能.功能做好后,一开始无论这pc端还是移动端都能正常使用.突然某一天测出了一个bug:移动端复制失败,pc端是ok的.简直一脸懵逼... 遇到这个bug,我第一个思考到的是,这是个常用的插件,网上应该有现成的解决方法.网友分享的方法是:把绑定data-clipboard-target属性的按钮标签从div换成button.亲测后,不起效果,可能不是一个原因导致的.通过摸索,找到了bug的原因和可解决方案.我

ylbtech-浏览器端-W3School-JavaScript-Browser: Navigator 对象 1.返回顶部 1. Navigator 对象 Navigator 对象 Navigator 对象包含有关浏览器的信息. 注释:没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象. Navigator 对象集合 集合 描述 plugins[] 返回对文档中所有嵌入式对象的引用. 该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件.Plug-i

今天写了一个调查问卷页面,项目经理说要表单提交之后页面刷新,之间没沟通清楚,以为整个页面重载,所以刚开始就用了window.location.reload()的方法. 但是发现,在微信直接打开之后,居然不能刷新. 后来了解到微信端不支持这个玩意,要用window.location.href=window.location.href+"?id="+10000*Math.random();来代替. 之后深入沟通后才知道,原来项目经理只是想,让表单的内容重置刷新. 好吧!这就很简单啦!for

自从HTML5出来以后,使用WebSocket通信就变得火热起来,基于WebSocket开发的手机APP和手机游戏也越来越多.我的一些开发APP的朋友,开始使用WebSocket通信,后来觉得通信不够安全,想要对通信进行加密,于是自然而然地就想从ws升级到wss.在升级的过程中,就会存在旧的ws客户端与新的wss客户端同时连接到同一个服务器的情况.所以,如果同一个服务端,能同时支持ws和wss,那就太方便了. 一. 实现方案 但是,要服务端同时支持ws与wss并不太容易,其难点主要在于:wss通

github地址:https://github.com/qindachang/BluetoothLE-Multi-Library BluetoothLE-Multi-Library 一个能够连接多台蓝牙设备的库,它可以作为client端,也可以为server端.支持主机/从机,外围设备连接.在发送消息时,它内部支持队列控制,避免因蓝牙间隔出现操作失败的情况. 开始使用 1. 主机client 扫描 BluetoothLeScannerCompat scannerCompat = Bluetoot

浏览器原生剪贴板 navigator.clipboard 写入 navigator.clipboard.writeText navigator.clipboard.writeText('Linr Text to be copied') .then(() => { console.log('Text copied to clipboard'); }) .catch(err => { // This can happen if the user denies clipboard permissio

起因 最近帮同事实现了一个小功能--复制文本到剪贴板,主要参考了前端大神阮一峰的博客,根据 navigator.clipboard 返回的 Clipboard 对象的方法 writeText() 写文本到剪贴板.在本地测试时一切正常,到了测试环境却提示: Uncaught (in promise) TypeError: Cannot read property 'writeText' of undefined at HTMLInputElement.<anonymous> 在 Chrome 的

使用场景:有适配pc端改为适配pc端和移动端,使用2套css 代码实现App.vue created: function () { if(document.documentElement.clientWidth > 640){ require('./style/index.scss'); this.plaform = 'pc'; }else{ require('./style/mobile.scss'); this.plaform = 'mobile'; } 注意: 为2套css分别指定不同的父

MySQL 服务器支持 HELP 语句,该语句返回参考手册中相应信息,比如: mysql> help change master to; 返回创建主从复制相关语句的信息 参考手册的信息存储在mysql schema的几张表中,比如: mysql> show tables from mysql like '%help%'; HELP 表内容: 在使用二进制发行版升级MySQL时,如果MySQL版本是 8.0.16 或者以上版本的话,HELP 表内容自动升级:低于 MySQL 8.0.16 版本的

mode="history"是去除链接中的'#'的,但是加上后页面刷新回报404错误,怎么办呢? 解决办法:只需要在nginx中最末尾加上 try_files $uri $uri/ /index.html; 即可,例如: server {   listen 80;   server_name k-line-drawer.testcadae.top k-painter.testcadae.top ;  charset utf-8;  location / {    autoindex o

感悟 历时两个多月,终于利用工作之余完成了这个项目的1.0版本,为什么要写这个项目?其实基于vuejs+nodejs构建的开源博客系统有很多,但是大多数不支持服务端渲染,也不支持动态标题,只是做到了前后端分离,对于博客类系统seo肯定很重要,索性就自己动手写了这个项目,其中也遇到了不少问题, 因为基于服务端渲染的项目不多,自己能力也有限,所以用了好长时间.这里特别感谢@lincenying,提供了登录功能的解决思路,也是我在开发过程中遇到最难解决的问题,本项目基于vue-hackernews-2

跨域 由于浏览器的同源策略,导致浏览器页面访问非同源(协议.域名.端口任一不同)服务器产生跨域问题! PHP服务端配置支持跨域: // 指定允许其他域名访问, * 表示全部域名 header('Access-Control-Allow-Origin:http://abc.cn'); // 响应类型 header('Access-Control-Allow-Methods:POST,GET'); // 响应头设置,允许设置Authorization和lpy这两个http头 header('Acce

废话少说,先贴上代码 html: <div id="main" class="masthead"> <div id="face_scan_camera" class="container blackbg" style="height:792px; "> <div style="width:1400px;margin:0 auto;"> <vide

由于移动端是触摸事件,所以要用到H5的属性touchstart/touchmove/touched,但是PC端只支持鼠标事件,所以此时可以这样转换 var touchEvents = { touchstart:"touchstart", touchmove:"touchmove", touchend:"touchend", initTouchEvents:function () { var self = this; if (self.isPC()

转过来,平时看看.虽然还有很多问题至今无解.比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏.!! 1.安卓浏览器看背景图片,有些设备会模糊. 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio＝2.现在android比较乱,有1.

Navigator的5个主要属性: appName:Web浏览器的名称 appVersion:浏览器的版本号和其他版本信息 userAgent:浏览器在它的USER-AGENT HTTP标题中发送的字符串.该属性包含appName,appVersion属性的所有信息 appCodeName:浏览器的代码名 platform:客户浏览器所在的操作系统 1.1 特征检测 这个是针对要了解浏览器的具体哪一项信息或者具体支持哪一项特定功能来决定的检测方式. 非精确判断,但却最安全.我们只要知道它存在不存

1.一定要加上 <!-- name=“viewport” 指视口 width=device-width 宽度等于视口宽 initial-scale=1.0 像素比例 maximum-scale=1.0 最大缩放比例 minimum-scale=1.0 最小缩放比例 user-scalable 是否允许用户缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1, min

最近在酷版上我要做一个内嵌别人的网页的在线服务页面,于是必须用到iframe,以前我以为移动端不支持iframe呢,原来这样都可以....(呵呵,长见识了!我还是只菜鸟) 直接入正题,说说我遇到的困难或者说是我需要解决的问题: 1.重构人员提供页面之后,我给页面上的iframe设置一个src属性,发现那个页面根本不能上下滑动.我就到处搜,有的人说酷版移动端iframe里面不会像pc端一样自动产生滚动条,我真的信了!于是我不得不让产品去和即将上线的几个合作方谈一下,让他们在页面里设置一个docum

前些天胃不舒服打吊针了,真得准时吃饭各种啊,然后就是懒,就没在复习了,这次复习的内容是navigator //未知效果 // console.log('浏览器的次要版本' + navigator.appMinorVersion); // console.log('当前浏览器的语言' + navigator.browserLanguage); // console.log('浏览器系统的 CPU 等级' + navigator.cpuClass); // console.log('操作系统使用的默

前言:这里移动端主要指 hybrid app 中的H5页面.app 中对页面 样式和功能 的需求会更精细一点. 1.适配: 手机端的尺寸多样,3.5英寸的 iPhone4应该是最小的,只要考虑 兼容到iPhone4 就可以了.(iPhone4的用户量现在也很少,有时只要 兼容到iPhone5 就可以了)   哪怕有比这个尺寸小的,都不是多人使用的.可能是个位数,甚至是没有.为数不多的几款这样的手机处理能力也很低下.       https://digi.tech.qq.com/a/2015031