
调试小技巧
前端小小白zyw
一只路过的小码农。。。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Animation 动画调试
Animation。原创 2023-06-09 16:21:16 · 958 阅读 · 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 · 629 阅读 · 0 评论 -
移动端使用clipboard插件自动复制内容
最近做一个微信商城遇到点击复制订单号、银行卡号、手机号等等一系列点击复制操作,用到了clipboard插件,支持android,ios部分支持。可以通过执行ClipboardJS.isSupported()来判断浏览器是否支持clipboard。 一、安装 npm install clipboard --save 二、基本使用 import Clipboard from ‘clipboard...原创 2019-04-11 15:24:18 · 1643 阅读 · 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 · 918 阅读 · 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 · 1563 阅读 · 0 评论 -
利用fildder抓包http请求
一、安装 下载地址:https://www.telerik.com/fiddler 二、使用 找到本机ip地址: 默认端口:8888 保证手机电脑处于同一局域网下: 打开手机wifi,改为手动代理,代理服务器主机名改为你的电脑ip,代理服务器端口号改为8888。 打开webapp就可以看到发送的http请求了 三、备注 这样的方式只可以看到http请求,如需看到https请求: fiddle...原创 2019-04-12 11:28:07 · 1059 阅读 · 0 评论