What is PhoneGap? PhoneGap是一个用基于HTML5的移动应用前端开发框架,使用HTML+CSS+JavaScript,再通过PhoneGap就可以快速创建APP了。 ...2.性价比高,开发难度低 只要会HTML+CSS+JS,你就能开发在多达8个移动平台上运行的App, 还有比这更具性价比的技术吗? ...phonegap.js还没有加载完毕。...phonegap.js还没有加载完毕。...phonegap.js还没有加载完毕。
PhoneGap架构 ? Android开发环境准备 PhoneGap只是一个框架(Framework),因此并不提供集成开发环境和工具,所有的都需要我们自己准备。...为Android开发所需要准备的材料包括: 1、JDK1.6+ 2、Eclipse 3.4 到 3.6 3、Android SDK(Android的SDK可以支持所有版本的OS,需要调试的话还要下载单独的...http://developer.android.com/sdk/index.html 3、安装Eclipse的Android ADT插件 4、如果没有物理的测试机,还需要使用AVD创建模拟器 5、安装PhoneGap...库文件(Cordova),PhoneGap捐赠给Apache基金会后,名字改为了Cordova,我们需要从网站上下载源码 现在Google的Android网站上提供了集成环境的下载,这样我们只需要下载一个集成环境...参考资料: 1、Begin PhoneGap 2、PhoneGap 3、Getting Started with Android 4、Cordova
开发人员工具、断点技巧、搜索技巧等 视频版本:【JavaScript 代码调试方法】How To Debug In Chrome -> link # 学会使用开发人员工具 ---- preserve...特征 加密过程:new 一个 rsa 对象 ->setpublickey(key,iv (模值))->encrypt # 其他技巧 ---- 巧用 JSON.stringify/parse 来提取 js...对象 扣 js 代码或补环境(DOM、BOM),扣代码则要善于导出变量( window.xxx = ... ) 学会识别统一格式的代码,过滤掉无用的格式要求的固定代码 学会识别 webpack 打包的代码
记录下近期对JS代码的调试过程 性能分析 启动程序之后,打开google浏览器对应页面,按F12或者Ctrl+Shift+I进入 开发者工具页面 目前主要使用的功能有: Performance....性能评估,比如我想看下页面刷新的性能瓶颈所在,先点击 按钮,然后进行页面操作,当页面刷新完成,再点击 按钮,则会生成性能报告,可以看到资源消耗,JS代码的执行逻辑等 Sources....性能报告页面的 部分,可以通过点击色块查看其所在的js代码文件,如 点击则会跳转到 功能栏,有了源文件就可以进行断点调试;这里注意部分js文件是压缩后的文件,建议手动修改程序替换成可读性更强的原始代码文件...,方便调试 Console....查看程序的打印输出,比如我想知道某个函数的执行时间,可以在js代码中进行修改 当js代码执行之后,可以在console输出中看到foo的执行时间 Network.
之前写过一篇构建webapp项目的文章,假设已经写了一个简单的demo页面,现在如何生成一个安装程序并安装到手机中,进行效果预览呢? ...PhoneGap的官网提供一个buid生成器,利用它可以生成相应的安装程序。地址:https://build.phonegap.com/apps ,需要先登录,然后给应用取一个名字。 ?...不得不说,PhoneGap对于面向PC端的WEB前端人员是一个福音,也是一个很好用的工具,缺点就是太耗资源(差点没把我机器搞挂,当然家里的机器是比较古老了)。
使用Fiddler调试本地js 在我们前端开发的日常工作中,发现服务器上某个css/javascript文件有问题,需要修改,那真是家常便饭。...假设我们发现这个页面有问题,需要修改所引用的js文件()。 第一步:用Fiddler查看页面的数据流列表,找到这个js文件的session ? ...在这个js session上右键点击,选择“Save – Response –Response Body…”,将js文件的内容保存到本地。记住存的位置,下面我们会用到这个保存下来的文件。...通过以上几个步骤,我们演示了怎样将HTTP请求重定向到本地的文件,进行web调试。...这种调试方式不需要发布到线上再验证,避免了修改不成功、对用户造成影响的风险,而且不需要搭建复杂的开发服务器等开发环境,非常适合快速web调试。
UIWebView是iOS SDK中一个最常用的控件,在PhoneGap中,默认也是使用UIWebView作为默认视图显示我们的HTML应用的。...在使用PhoneGap的项目中,默认WebViewBounce这个选项是打开的,所以使用手指向下或者向上滑动屏幕时,经常会看到页面底部和屏幕底部会出现一大片空白,然后松开手指后,再弹回去的特效。...name="WebViewBounce" value="false" /> 经过我在 PhoneGap...2.6、PhoneGap 2.9 这两个版本中测试后,发现都不能够生效。...经过分析,实际上iOS中的PhoneGap项目,只不过是默认初始化一个UIWebView,然后在这个视图中加在HTML资源,那么我们可以直接使用原生代码将Bounce禁用。
PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网> 看引擎> 开源产品 ---- 依照我一惯得套路,我会先说一点废话。...PhoneGap和Cordova什么关系?为什么有的地方叫Cordova而有的地方叫PhoneGap ?PhoneGap是一款HTML5平台。...怎样在PhoneGap或者Cordova框架下实现JS调用Android原生代码?...(这里就不再啰嗦怎样在Android程序中集成PhoneGap了) 1.在你的html5中config.js定义你的Plugin的名称和方法。...然后在JS里调用了MyPlugin下的Update插件,这个插件在config.js里被定义。在plugin.xml中被注冊,插件详细运行的地方时UpdatePlugin里的execute()方法。
Firefox调试JS的功能真的很不错,推荐一下! 在页面上点击右键,再点击“查看元素”,如图: ? 就会弹出Firefox的开发者界面,点击“调试器”,如图: ?...一步步调试代码 你可以一步步的执行代码。这对代码调试非常有用。 ? 使用断点调试 断点调试可以终止代码的执行,你可以通过指定代码范围来查看错误是不是在指定代码范围内。这对于 错误调试很有用。...Firefox的JS调试功能非常强大,感觉试一下吧! 点击调试器tab页,刷新要调试的页面,调试器主窗口会出现要调试的代码 ?...点击暂停按钮,点击后按钮状态改变,同时右边的三个调试步骤变为可操作状态,调试步骤的作用可参考IE浏览器javascript调试篇的讲解。同时,在代码行上面打断点。...说到这里,Firefox浏览器的javascript调试基本就讲完了。
——海子 分享一个js调试事件小技巧 <!
PS:不管是加载别的页面也好,还是刷新也罢,只要浏览器重新加载了存在 debugger 语句的js,就会开始 debug,所以要先擦除debugger,再去下断点分析你想要的内容 ?...案例二: 努比亚论坛:https://bbs.nubia.cn/ 因为这是一个 js 生成 cookie 的案例,所以触发 debugger 的机制不太一样。...此时在控制台重写目标函数 _0x4db1c,但是重写之后,继续执行的话,还是看不到cookie 生成规则 所以重写之后,不要轻举妄动,在关键位置打上断点(ps:这个案例是一个经典的js生成 cookie
会帮你在新的浏览器窗口里打开刚刚设置的URL地址,现在你可以在这个新打开的窗口里操作,当遇到你打断点的代码,IDEA的断点就会激活,这个时候就可以愉快的Debug起来了,效果如下图: 结语 IDEA的这个前端调试工具非常好用...,却没有得到很好的普及,网上搜到的那种方式大多是安装一个IDEA的浏览器插件配合使用,相比来说,博主发现的这个调试工具简直太好用了,而且注意哦,此法不仅可以调试VUE的项目,而是适合所有的前端项目
调试 node.js 程序 在程序开发中,如何快速的查找定位问题是一项非常重要的基本功。在实际开发过程中,或多或少都会遇到程序出现问题导致无法正常运行的情况,因此,调试代码就变成了一项无法避免的工作。...这里简单介绍下如何调试 node.js 程序。 使用 console.log Node 提供了全局的 console 对象,该对象可以输出格式化的字符串。...Node 调试程序: node --inspect index.js 这样就会以调试模式启动 Node,可以看到调试器的提示信息如下: Debugger listening on ws://127.0.0.1...可以通过命令在程序第一行设置断点: node --inspect-brk index.js 调试器提示信息如下: Debugger listening on ws://127.0.0.1:9229/def735ed...链接就可以进入浏览器调试面板调试程序了。
JavaScript奇技淫巧:加密JS代码反调试 JS代码混淆加密,已被很多人使用,因为它真的很有用、很实用,可以用于保护代码、防护分析、复制、盗用,还可以用于小游戏过审、APP加固等方面。...混淆加密后的JS代码,可能被他人分析,为了对抗分析调试,本文分享一种反调试技术。 功能效果 使函数名不可修改,修改则代码无法运行 技术原理 将JS代码用可逆算法进行加密。...在分析调试时,分析者经常会将无意义的函数名改成有含义的名字,使便于理解。 本文我们要做的,就是禁止改名,如果修改函数名,函数就无法执行。...map(function(c,i,a){ return String.fromCharCode(c^random_key(key,i)); }).join(""); } var js_code...Date().getFullYear() + "," + _0xbc99c; console.log(_0x7d68de); ` function _0xag(){ var decode_js_code
1.调试js 安装Debuger for chrome插件,点击F5,选择chrome,vscode自动生成lauch.json如下...方式启动,然后配置lauch.json的request为attach js动态加载的文件,vscode断点无效(未验证的断点----可以用debuger下断点): 在要被调用的文件开始处...,加//@ sourceURL=ParcelProcessWaitForArchivedListPage.js,加上注释后打开chrome调试,vscode可以捕获chrome断点,断点需要设置到chrome...里面,vscode调试。...json项,key值“”中自动提示,配置完后在vscode的调试选项中可以看到多项调试选项 ?
$ phonegap create myVueApp --template https://github.com/hollyschinsky/phonegap-template-framework7-...vue $ cd myVueApp $ phonegap serve 出自 http://devgirl.org/2017/01/10/phonegap-apps-with-vue-js-yes-please
为方便大家学习和使用,本文我对 Chrome 的调试技巧做个系统的总结。...方法2:在 js 文件中设置 (1)我们在 js 源文件中需要执行断点操作的代码前加上 debugger。 (2)刷新浏览器,当页面代码运行到断点处会暂停执行 ?...七、格式化 1,js代码格式化 为了减小体积,有时候我们发现一些 js 源码都是压缩之后的代码,我们可以点击下面的 {} 大括号按钮将代码转成可读格式。 ?...我们不再需要为了运行一小段 JS 代码而新建一个 HTML 页面。...九、Async 调试 Chrome 调试器的 Async 模式是为调试异步函数所设计一个功能 1,测试代码 下面是一段使用 Promise 的代码: //做饭 function cook(){
(1)IE - Tools - Options - Advanced 清除两个选项: - Disable Script Debugging (Interne...
Node.js 调试环境变量 操作系统中设置的环境变量可以控制 Node.js 应用程序的设置。...使用 Node.js 命令行选项进行调试 你可以在启动应用程序时将命令行选项传递给 node 或运行时。...使用 Chrome 调试 Node.js 应用程序 使用 --inspect 标志启动 Node.js V8 检查器(nodemon 也支持这个标志。)...支持 Node.js 并具有内置的调试客户端。...打开你的启动脚本(通常是 index.js),激活 Run and Debug 看板,单击运行和调试 Node.js 按钮,然后选择 Node.js 环境,单击任意行来激活断点。
适当使用这些方法可以使调试更容易,更快速,更直观。 console.log() 在console.log 中有很多人们意想不到的功能。...不过,console.trace() 会非常清楚地告诉我们问题出在 Dashboard.js,我们可以看到是 new CupcakeService(false) 导致错误。...调试信息的代码 这是很多工作和很多调试信息的代码,可能不是那么有用。 但它仍然是一个有趣的想法,这样写使你的日志记录更加清晰。
领取专属 10元无门槛券
手把手带您无忧上云