【怎么样在手机调试js,jq,html,如何在手机上调试js,javascript】的更多相关文章

怎么样在手机调试js,jq,html,如何在手机上调试js,javascript

方法 直接在html中引入vconsole.js文件, 然后在js脚本中使用console.log('调试内容'); 即可看到如下效果,还可以在network里面看到ajax请求 我把js文件传到博客园,方便大家下载. vconsole.js下载地址 https://files.cnblogs.com/files/wangzhaobo/vconsole.min.js…

vue.js学习之 如何在手机上查看vue-cli构建的项目

vue.js学习之 如何在手机上查看vue-cli构建的项目 一:找到config文件夹下的index.js文件,打开后,将host的值改为你本地的ip,保存后重启项目 二:输入ip和端口号打开项目 三:将地址复制,使用二维码转换工具(草料二维码)生成二维码后,使用手机扫描,就可以查看了. 注意:扫描后浏览器会有一个提示信息,点击访问原网页就行了 后续更新: 2017/12/20更新,新版vue-cli,部分手机浏览器访问白屏: 将config/index.js  的devtool: 'eval…

vue-cli 移动端项目如何在手机上调试预览

这里分享下如何在webpack工具构建下的vue项目,在手机端调试和预览,言归正传. 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器,使用同一个wifi: b.笔记本也可以直接启用一个wifi,手机链接笔记本wifi也可以: 2.查询本地IP地址 WIN+R,输入cmd回车,打开命令提示符,输入ipconfig,查看本地IPv4: 3.修改本地项目中IP地址 找到项目中config文件夹,下面index.js文件打开: 找到host: ‘localhost’, 改为上面…

用Chrome在手机上调试本地网页代码

本文摘自Google 原文地址1:https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3#port-forwarding 原文地址2:https://developers.google.com/web/tools/chrome-devtools/remote-debugging/local-…

vue移动端项目在手机上调试

1.电脑和手机要连同一个wifi  一定是复制无线网的IP,而不是以太网的IP 2.在你的电脑上查找无线网络的ipv4地址: 查找方法:windows+r   然后再输入框里输入cmd 回车 会出现这样: 然后输入ipconfig  然后回车 你会看到一个ipv4的地址.复制这个地址 3.在vue中找到config下的index  找到host 将host的值localhost改为刚才复制的那哥ipv4地址即可 4.重启项目: npm  run dev 5.项目运行成功后  例如:http://…

debug.js在手机上打印调试信息

在做移动端开发的时候大家应该都遇到过这么一个问题:如何在手机上打印调试信息? 在pc端我们通常会用console.log 或者 alert,但大家知道console.log在手机上是看不到打印信息的:而用alert话,alert后还要点击确定,如果循环alert,那就悲剧了,一直点确定吧,可能手机还因此搞死机了. 那么有没有一种显得更加优雅的方式去输出调试信息呢? 有的.使用debug.js就好了. 快速上手 引入debug.js后,你会得到debug这个方法,是用方法如下: debug.suc…

JS/JQ常见兼容辅助插件

1.Respond.js Respond.js 是一个快速.轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design). 参考文章:HTML5 respond.js 解决IE6~8的响应式布局问题  响应式web设计之CSS3 Media Queries 2.prettify.js rettify 是一款 HTML 代…

JS+JQ手风琴效果

最新在学习JS写一些实用的小玩意——手风琴 CSS样式: <style type="text/css"> * { margin: 0px; border: 0px; padding: 0px; } .leftli { float: left; width: 200px; background: #3D4444; } ul li { display: block; line-height: 25px; width: 200px; height: 25px; list-styl…

js&jq 发送验证码倒计时

<input  type="text"   name=''  id="btn"> //发送验证码倒计时var wait=30; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; wait = 30; }else{ o.setAttribute("disabled", true…

jq常用事件（on,blur,focus,change）,js/jq等待图片(页面)加载完毕事件,js读取文件

jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on( "click",function(ev) { ev.data.aaa // 跟js事件对象一样 }) // 方法二 $(".box").click( function(){} ) // 右键事件,取消系统默认事件 $('.sup').on('contextmenu'…

js jq输入框中按回车触发提交事件，用户在页面输入后按回车（Enter键）进行

js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行 代码如下: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="htt…

js/jq和a标签（刷新/ajax/对话框/循环/select选中/checkbox选中/id的获取//数据处理成钱的格式）//js/jq分页

1.刷新 <a href="javascript:history.go(-1)">返回上一页</a><a href="javascript:location.reload()">刷新当前页面</a><a href="javascript:" onclick="history.go(-2);">返回前两页</a><a href="javasc…

js/jq 动态添加的元素不能触发绑定事件解决方案

<!-- Copyright 2017-10-27, Jachin QQ: 381558301 Email: 381558301@qq.com 请看看你们的版本并对号入座: jquery1.6版本以下都不支持on委托事件 jquery1.3 至 jQuery1.8版都支持live委托事件 jquery1.9 以后的版本不支持live委托事件,但是on事件可以替代live jquery1.3版本以下的(不包括jquery1.3),是时候更新你的jquery版本了.因为 无解无解无解无解无解无解 如…

js|jq获取兄弟节点,父节点,子节点

08.19自我总结 js|jq获取兄弟节点,父节点,子节点 一.js var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test.lastChile; // 最后一个子节点 var previous = test.previousSibling; // 上一个兄弟节点 var next = test…

fullpage.js jq全屏滚动插件

fullPage.js和fullPage都能实现全屏滚动,二者区别是:fullPage.js需依赖于JQuery库,而fullPage不需要依赖任何一个js库,可以单独使用. (代码演示效果并且可以下载查看http://www.dowebok.com/77.html) 一.fullPage.js实现全屏 fullPage.js是开源的JQuery插件库,其Github地址:https://github.com/alvarotrigo/fullPage.js 1.基本演示 1.1 引入文件 <!-…

JS移动客户端--触屏滑动事件及js手机拖拽效果

移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件能跟踪到屏幕滑动的每根手指. 以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统取消touch事件的时候触发,这个好像比较少用 每个触摸事件被触发…

Mobile Web 调试指南（2）：远程调试

原文:http://blog.jobbole.com/68606/ 原文出处: 阿伦孟的博客(@allenm ) 第一篇中讲解了如何让手机来请求我们开发电脑上的源码,做到了这步后,我们可以改完代码立即看到效果,但是对于调试还是远远不够的.这篇文章我们继续讲目前常用的几种 Developer tools. PC 端的经验 在使用桌面浏览器开发时,几乎每种浏览器都有自己的开发者工具,比如大家常用的 firebug , chrome develper tools , safari developer…

flv.js怎么用？全面解读flv.js代码

flv.js项目的代码有一定规模,如果要研究的话,我建议从demux入手,理解了demux就掌握了媒体数据处理的关键步骤,前面的媒体数据下载和后面的媒体数据播放就变得容易理解了. 先普及点背景知识,为什么HTML5视频播放要用 flv 格式? 因为Flash.我标题图片用的是“flash RIP”,flash快死了,但是它的影响力还在,flash技术是过去10多年的互联网视频基础技术,大量相关基础设施都是围绕Flash构建的,比如 CDN 普遍支持的 RTMP 和 flv over http协议…

React-Native项目在Android真机上调试

目录 1.确保你的设备已经成功连接.可以终端输入adb devices来查看: 2.终端运行npm start 开启本地服务,成功后运行react-native run-android来在设备上安装并启动应用 3.设置设备访问开发服务器 3.1 (Android 5.0及以上)使用adb reverse命令 3.2 (Android 5.0以下)通过Wi-Fi连接你的本地开发服务器 React-Native项目在Android真机上调试?接下来直奔主题,通过USB将手机和电脑连接,打开手机上的U…

io.js入门（一）—— 初识io.js

io.js可以说是彻底从NodeJS里分离出来的一条分支,其事情始末可以查看这篇报道,此处便也不赘言.既然是分支,io.js便也基本兼容NodeJS的各种API,连执行指令也依旧兼容Node的 node XXX (新指令是 iojs XXX ).不过io.js采纳了最新版本的V8引擎,并也将会时刻跟进V8的更新,也因此我们可以轻松地在io.js上抢先使用那些JavaScript ECMA-262规范上的新特性. io.js的首个版本是在13号,也就是昨天发布的,它基于3.31.71.4版本的V8…

js相对路径相关（比如：js中的路径依赖导入该js文件的路径）

问题描述: 前几天调用同事的js接口文件,在他自己的html测试页面ok,在我这边调用时出现问题. debug过程中,将该测试html移到其他位置都不行,放到原html测试页面同层次路径下是OK的. 解决过程: 很疑问啊,用F12调试下,在调用的js中,发现xmlhttp.status返回状态是404,靠,原来是找不到文件. 仔细看了下,在js中看到如下代码:[var requestURL = "../servlet/ajaxServlet.jsp";]坑爆了, 模糊记得js中引用路径…

移动前端调试方案（Android + Chrome 实现远程调试）

一:背景 通常情况我们调试移动端页面最常用的方法就是:切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面 然后用手机打开要调试的页面 刷新页面查看调试结果 但是这就存在两个问题 在pc浏览器模拟手机可能造成调试不准 用手机直接调试 又多一步刷新 那怎么能达到在pc端修改代码 在手机上直接看到修改结果这样的所见即所得的效果呢 chrome做到了 二.功能 我们先看下最终想要达到的效果 上图的 左边是pc端的chrome 浏览器, 右边是手机上的chrome 然后可以看到当鼠标移动…

chrome://inspect 移动前端调试方案（Android + Chrome 实现远程调试）

一:背景通常情况我们调试移动端页面最常用的方法就是:切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面 然后用手机打开要调试的页面 刷新页面查看调试结果 但是这就存在两个问题 在pc浏览器模拟手机可能造成调试不准 用手机直接调试 又多一步刷新 那怎么能达到在pc端修改代码 在手机上直接看到修改结果这样的所见即所得的效果呢 chrome做到了 二.功能 我们先看下最终想要达到的效果 上图的左边是pc端的chrome浏览器,右边是手机上的chrome 然后可以看到当鼠标移动到某个d…

如何在真机上调试Android应用程序（图文详解）（zz）

http://www.cnblogs.com/lanxuezaipiao/archive/2013/03/11/2953564.html   1.首先将手机设置为调试模式 方法:设置——应用程序——开发——USB调试,打上√即可     2.用数据线连接至电脑,在电脑上安装豌豆荚,此时豌豆荚会帮你安装驱动,安装好后豌豆荚就可以连接上手机了…

r.js合并实践 --项目中用到require.js做生产时模块开发 r.js build.js配置详解

本文所用源代码已上传,需要的朋友自行下载:点我下载 第一步: 全局安装  npm install -g requirejs 第二步: 1.以下例子主要实现功能, 1)引用jq库获取dom中元素文本, 2)实现并引用去空格工具类trim, 3)最后获取文本并去掉空格后输出, 4)打包js(将所有js文件打包成main.min.js) 1.下载require文件 require.js require主文件 r.js require优化器文件 官网地址:http://requirejs.org/doc…

CoCos2dx开发：PC端调试运行正常但打包apk文件后在手机上点击闪退

记:今天调试时出现的一个PC端调试运行正常,但打包apk文件后在手机上点击闪退的问题. 可能在不同的情况条件下,会有不同的原因导致apk安装后闪退问题.拿android studio等软件来说,开发安卓程序时会有日志log文件包含生成错误信息等,但是cocos2dx开发在命令行里编译apk,意外的错误缘由难以直面地展现给我们. 闪退的大致问题都殊途同归:资源的加载出现问题. 我今天出现这个问题之后,进行了一些尝试,在解决问题的过程当中,大致操作如下: 1.将Resources资源文件夹下的全部目…

[Node.js] 00 - Where do we put Node.js

Ref: 前后端分离的思考与实践(五篇软文) 其实就是在吹淘宝自己的Midway-ModelProxy架构. 第一篇 起因 为了提升开发效率,前后端分离的需求越来越被重视, 同一份数据接口,我们可以定制开发多个版本. (1) 后端 - 业务/数据接口, (2) 前端 - 展现/交互逻辑, 措施 探索一套基于 Node.js 的前后端分离方案,过程中有一些不断变化的认识以及思考,记录在这里. 一.什么是前后端分离? 一个基准例子 每个人对前后端分离的理解不一样, 前后端分离的例子就是SPA(Sin…

js插件---10个免费开源的JS音乐播放器插件

js插件---10个免费开源的JS音乐播放器插件 一.总结 一句话总结:各种插件都有很多,多去找. 二.js插件---10个免费开源的JS音乐播放器插件 亲测可用 音乐播放器在网页设计中有时候会用到,比如一些时尚类.音乐或影视类等项目,但这些网页播放器插件比较少见,所以这里为大家整理一个集合,也许会有用到的时候. 下面整理的播放器有些是支持自适应的,如果需要用到微信或手机上,可根据自己需要求,选择对应的网页播放器. Codrops Audio Codrops Audio 界面使用纯CSS编写,支…

用chrome的snippets片段功能创建页面js外挂程序，从控制台创建js小脚本

用chrome的snippets片段功能创建页面js外挂程序,从控制台创建js小脚本 Chrome的snippets是小脚本,还可以创作并在Chrome DevTools的来源面板中执行.可以访问和从任何页面运行它们.当你运行一个片段,它从当前打开的页面的上下文中执行. 要创建一个片段(Snippets),首先F12 打开开发者工具,再到Sources面板中,单击上Snippets选项卡,在导航器中单击鼠标右键,然后选择New. 在编辑器中输入代码.当有未保存的更改,脚本名称旁边有“*”.按Co…

前端（Node.js）（1）-- 初识Node.js

1.认识 Node.js 诞生.发展.应用现状.生态圈等方面 1.1. 2008年 RyanDahl的目标是创建一个易扩展.适用于现代Web应用通信的服务器平台 1.2.国内外的应用情况 LinkedIn移动版From ROR to Node.js,base on Joyent Paypal From Java to Node.js Twitter的队列:收集需要保存从Tweets,传给负责写入的进程 知乎的推送 网易 阿里 各种创业团队 1.3.主要应用领域 RESTFul API 实时通信:…