![](https://img-blog.csdnimg.cn/20190907123942637.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
调试小技巧
文章平均质量分 53
前端小小白zyw
一只路过的小码农。。。
展开
-
Animation 动画调试
Animation。原创 2023-06-09 16:21:16 · 446 阅读 · 0 评论 -
如何在手机端查看测试vue-cli构建的项目
我们利用vue-cli构建的webapp项目,很多功能都要在手机上查看测试效果,比如上传图片,拍照上传选择图片等等,那么怎么在手机端调试,具体步骤如下:(1):运行vue-cli构建的项目:npm run dev 得到地址:http://localhost:8080/#/(2):修改配置config找到config文件找到index,把host的 ’ localhost ’ 改为 ’ 0...原创 2018-12-10 16:30:18 · 561 阅读 · 0 评论 -
移动端使用clipboard插件自动复制内容
最近做一个微信商城遇到点击复制订单号、银行卡号、手机号等等一系列点击复制操作,用到了clipboard插件,支持android,ios部分支持。可以通过执行ClipboardJS.isSupported()来判断浏览器是否支持clipboard。一、安装npm install clipboard --save二、基本使用import Clipboard from ‘clipboard...原创 2019-04-11 15:24:18 · 1550 阅读 · 0 评论 -
移动端使用fastclick解决click延迟300毫秒
做移动端商城使用click会出现大约300毫秒的延迟,为了能够立即响应用户的点击事件,会用到FastClick。一、安装npm i fastclick --save二、使用在main.js中引入:import FastClick from ‘fastclick’new Vue({ el: '#app', router, store, components: {...原创 2019-04-11 15:35:54 · 835 阅读 · 0 评论 -
移动端调试神器vConsole
做webapp项目时,需要在真机上调试,利用vConsole插件,轻松实现。可以查看到console打印出的Log、当前的System系统信息、Network网络请求、Element元素以及Storage本地存储。一、安装index.html中引入:<script src="https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vco...原创 2019-04-11 15:59:32 · 1378 阅读 · 0 评论 -
利用fildder抓包http请求
一、安装下载地址:https://www.telerik.com/fiddler二、使用找到本机ip地址:默认端口:8888保证手机电脑处于同一局域网下:打开手机wifi,改为手动代理,代理服务器主机名改为你的电脑ip,代理服务器端口号改为8888。打开webapp就可以看到发送的http请求了三、备注这样的方式只可以看到http请求,如需看到https请求:fiddle...原创 2019-04-12 11:28:07 · 1003 阅读 · 0 评论