移动前端调试工具-Weinre真机调试

之前做移动前端调试页面的时候就是简单的使用Chrome模拟器调试,能满足基本基本的需求,后来发现了基于Web Inspector(Webkit)的远程调试工具Weinre,可以在PC端直接调试运行在移动设备上的远程页面,,在PC端可以即时修改目标网页的HTML/CSS/Javascript,调试过程可实时显示移动设备上页面的预览效果,并同步显示设备页面的错误和警告信息,可以查看网络资源的信息,不支持断点调试,听起来是不是很厉害的样子,但真正用起来却很方便. 1.版本选择 Weinre最早是有Ja…

weinre 真机调试

1.在任意文件夹安装weinre cnpm -g install weinre 2.启动 weinre --httpPort 8009 --boundHost -all- 3.在你的页面中加入本机ip  <script src="http://192.168.1.232:8009/target/target-script-min.js#anonymous"></script> chrome浏览器访问 http://loc…

移动前端页面与Chrome的远程真机调试

一年不见,博客园都长草啦...... 前几日刚入手新手机小米5,系统真心流畅呀.为啥要买小米5呢,因为要提高生产力呀,好好玩移动前端开发呀哈哈哈那么问题来了,要怎么调试手机上的前端页面呢? 很久很久以前,我的做法是:在PC上用Chrome移动模拟器调试好后,基本OK,再把相关文件传到手机上,在真机上测试以防特殊问题出现. 这个主要有两个缺点:一是传来传去的麻烦,数据量大的那就更麻烦了:二是只能显示地看着页面测试,不能做到真正的调试,测试出现问题了又得重新传. 现在,我的做法是:用PC端的Chr…

如何实用便捷的在本地真机调试WEB端HTML5网页

先简单介绍两款常用但需要一定条件或限制的工具 1.如果你能FQ chrome在32版本后就自带了移动端调度工具,可以在Android直接联调,但唯一遗憾的是,在我大天朝要FQ后才能行的通,我自己试了后公司好几个机器联不上… 2.如果你有苹果电脑和iphone 苹果电脑上的safari 6.0版本后就可以直接连接iphone手机调试手机版上safari正在浏览的web页面,前提是你得有个苹果电脑和iphone手机,但如果你是Android的话,就没办法了符合前端B格的“小苹果” 自己在公司里也是…

网页真机调试之Browsersync简介

以前的调试方式修改完项目文件(html.js.css等)后保存,在浏览器刷新页面查看修改后的效果本地开启一个 tomcat 服务,修改文件后保存刷新页面,移动端或其他 pc 则需要输入 ip + 文件路径进行调试传统调试页面的缺点是每次修改完代码,需要在相关设备上 F5 刷新下页面才能看到刷新后的效果,多个页面窗口的话还需要切换页面刷新查看效果,基于此,网页真机调试利器-Browsersync 呼之欲出. 什么是 Browsersync? 能够使浏览器快速.实时响应文件的修改可以同时在…

运用node真机调试移动web项目

很多时候我们对移动端进行测试的时候,有pc端的测试,也有真机上的测试,pc的测试就不多说了,因为其实基本上大家都懂的.真机测试上也有几种方法,这里就推荐三种: 移动端真机调试方法 chrome真机调试 weinre调试 spy-debugger调试当然我这里就不详细去讲这几种的真机调试到方法了,详细可以看 9102 了,你还不会移动端真机调试? 但是我这里就讲一下另一种不一样的真机测试--node打开移动项目 step1 首先先准备好基本的项目,因为个人用angular比较多,这里就拿angu…

H5真机调试

为什么要做H5真机调试? 第一,样式调试.浏览器的效果和真机上的效果不一定相同,没有真机调试,我们都是先上传到服务器,然后再用手机访问,显然对于样式调试来说,这样效率很低. 第二,调用到底层.真机才拥有的功能.比如说扫一扫,扫一扫是无法在电脑上调试的. 一.让手机和电脑处于同一网段如何让手机和电脑处于同一网段? 1.如果你所处环境的wifi和电脑网络是同一局域网,当你手机连上wifi后自然很电脑处于同一网段了. 2.电脑发射wifi,手机连接.笔记本电脑可以下载wifi软件,台式电脑只能买个w…

HBuilder开发App Step1——环境搭建，HelloMUI 以及真机调试

No1. 必须搭建java环境只需要最基础的java环境,也就是cmd下可以运行java和javac即可, 具体教程请自行百度,都会有很详细的教程,这里不重点介绍. No2. 下载安装HBuilder 请在这里下载HBuilder:http://www.dcloud.io/, 下载完成后请将zip包解压缩到自定义的目录(windows), 并将该目录下的HBuilder.exe发送快捷方式到桌面. 双击该快捷方式, 第一次打开HBuilder需要注册,还请注册,几分钟搞定, 登录后即可看到HB…

安卓，IOS真机调试

移动端前端开发真机调试攻略有线调试: 一.IOS 移动端 (Safari开发者工具) 手机端:设置 → Safari → 高级 → Web 检查器 → 开. mac端:Safari → 偏好设置 → 高级 → 在菜单栏中显示“开发”菜单. 在 OS X 中启动 Safari 之后,以 USB 电缆正常接入 iOS 设备,并在此移动设备上启动 Safari.此时点击计算机上的 Safari 菜单中的“开发”,可以看到有 iOS 设备的名称显示,其子菜单项即为移动设备上 Safari 的所有标签页…

微信小程序开发工具调试没问题，真机调试Provisional headers are shown

from: https://blog.csdn.net/github_38928905/article/details/83105523 在开发工具调试,请求正常没问题,使用真机调试,请求异常:Provisional headers are shown 找了很多原因,多数说是后台配置问题,但是如果是这样,开发工具不是也该一样问题? 后面发现在开发调试工具中,我将项目设置中的选项"不校验合法域名.web-view(业务域名).TLS 版本以及 HTTPS 证书"勾选中了,去掉勾选后,…

Android+Chrome 真机调试H5页面实践

前言使用weinre在真机上调试H5页面,有一个突出的缺点,就是无法调试真机上的样式,真机上页面动态创建的dom在weinre的Elements面板显示不出来,所以调试真机上的页面样式也就无从谈起.如下图所示,单页应用动态创建出来的dom,压根就显示不出来.不知道网上吹嘘weinre可以调试真机dom样式文章的作者,有没有亲自做过实验,weinre调试真机dom样式的功能真的能用嘛?好用嘛 ?真的要是遇到生产问题,weinre能定位真机和PC端浏览器手机模拟器下样式不一致的问题嘛?weinre…

iOS开发：创建真机调试证书及描述文件

iOS开发:创建真机调试证书及描述文件关于苹果iOS开发,笔者也是从小白过来的,经历过各种困难和坑,其中就有关于开发证书,生产证书,in_house证书,add_Hoc证书申请过程中的问题,以及上架发布问题.今天就着重说一下关于针对于苹果开发者网站更新之后的真机调试证书申请. 这所有的前提都是:你得有苹果开发者账号个人($99).公司($99).企业($299)账号均可. 方法/步骤首先打开苹果的开发者网站点击网站上方的Member Center,会跳转到登录界面(Tips:如果登录过,并…

xamarin.forms uwp app部署到手机移动设备进行测试，真机调试（device portal方式部署）

最近学习xamarin.刚好手上有一个lumia 930.所以试一试把uwp app部署到手机上,并真机调试一把. 目前环境: 1.开发pc电脑是win10,版本1607.加入了insider,所以版本比较高. 2.手机是 lumia 930.版本 1511,手机未加入insider,所以是稳定版本,比较低.(device-portal方式部署要求系统版本必须是win10 1511以上) 3.pc电脑和phone手机在同一个局域网 4.app是vs2015 update3 创建xamarin项…

cocoapods真机调试出现问题解决

swift中使用cocoapods时,Podfile中必须写上 use_frameworks! 使用cocoapods导入框架在真机调试出现问题的解决方案: 1.build phases 2.+ new copy phases 3.framework -> + pods.framework 示例: platform :ios, "8.0"target "demo" douse_frameworks!pod 'AFNetworking'pod 'SVProgr…

IOS 真机调试

真机调试的步骤: 1.注册成为苹果开发者(99$) 2.登陆苹果开发者主页 https://developer.apple.com/membercenter/index.action 3.点击 Certificates, Identifiers & Profiles 4.点击Certificates >点击左上角的加号 >选择iOS App Development >点击下一步 >直接点击下一步 >Upload CSR file. > 找到电脑上得钥匙串访问,…

使用未付费的账号真机调试 iOS 程序，过几天后程序一打开就会闪退

使用未付费的苹果开发者账号真机调试 iOS 程序,过几天后程序一打开就会闪退. 解决办法: 删除 Provisioning Profile,重新配置一次. 终极解决办法:花钱购买苹果开发者账号. 参考: https://www.zhihu.com/question/35394772 2016年12月6日在 Xcode 中是可以看到证书的期限的,1周的时间,如下: …

iOS 真机调试不能连接网络的排错过程

开发环境: macOS 10.12.1 Xcode 8.1 Qt 5.8 gSOAP 2.8 iPhone 6S+iOS 10.1.1 问题: 使用 Qt Quick 写了一个跨平台的应用,在Win10.Android.macOS下都已经正常运行,但是连接到 iOS 真机调试的时候,gSOAP 调用 Webservice 总是返回错误代码28,我就根据百度出来的下面的 gSOAP 错误代码表一直在寻找有关 SOAP_DIME_END 的错误. 返回值错误代码表(ERROR CODE) S…

Xcode7--免证书真机调试

Xcode7之前,想要真机调试,必须花99刀购买开发者账号,而且步骤繁琐,需要下载证书.随着Xcode7的推出,大幅度的简化了真机调试的步骤,对ios开发工作者和正在学习ios开发的众多码农们,可以说是个不小的福利.现在,我就详细的向大家介绍一下如何免证书真机调试. 第一步:准备工作(Apple ID,iphone手机,Xcode7) Apple ID 申请网址:https://appleid.apple.com/cn(Apple ID作为在苹果官网执行任何操作的通行证,申请步骤非常简单);…

ReactNative新手学习之路03真机调试

React Native新手入门03真机调试(iOS) 从设备访问开发服务器在启用开发服务器的情况下,你可以快速的迭代修改应用,然后在设备上查看结果.这样做的前提是你的电脑和设备必须在同一个wifi环境下. 打开AwesomeApp/ios/AwesomeApp/AppDelegate.m修改里面的URL,把localhost改为你的电脑的IP.在Mac系统下,你可以在系统设置/网络里找到电脑的IP地址. eg: jsCodeLocation = [NSURL URLWithString:@"…

APiCloud真机调试需要注意的几个问题

具体请看官方文档:http://docs.apicloud.com/Dev-Tools/wifi-debug. APiCloud Android手机真机调试,需要首先在手机上安装官网提供的apploader,地址:http://docs.apicloud.com/Download/download. 其次最好安装一个手机助手如360手机助手,地址:http://sj.360.cn/index.html. 另外还需注意adb的问题,比如查看任务管理器,看酷狗的kadb.exe如果在运行的话,就把它…

开源项目在真机调试（Coding iOS 客户端为例）

一.前言 iOS 13学习系列:如何在github下载开源项目到本地(Coding iOS 客户端为例)已经把 Coding iOS 客户端源码下载到本地. 但项目进行真机调试遇到很多问题. 二.问题描述 Xcode添加真机调试账户就不多说,不懂的网上查. 项目利用了cocoapods管理第三方框架,所以点击“Coding_iOS.xcworkspace”打开项目,而不是“Coding_iOS.xcodeproj”. 选择真机调试的设备,我的设备是iPhone4s,注意不是模拟器. 直接运行,出…

在Mac系统上配置Android真机调试环境

在Mac系统上配置Android真机调试环境 mac上配置安卓环境还说挺方便的,真机调试也比win上要好一些.win上被各种软件强行安装了xxx助手. 在mac上就了一个干净的感觉. 下载Android studio,然后就可以安装下载sdk了.(as刚出的还不可以的,现在越来越方便了) 环境配置: 1. 安装adb客户端.你可以下载好最新版本的SDK,在platform-tools目录下有adb命令 2. 配置adb命令的环境变量.在.bash_profile中加入 export PATH=$…

Xcode真机调试出现The account '' has no team with ID ''的解决方案

前段时间,想用真机调试的时候出现 The account '***' has no team with ID '***'的问题, 以前页真机调试过,没有这种情况,于是我登陆开发者中心,进去发现说我的账号有问题: There may be a problem with your account. Please contact us. 于是我就查看了我的icloud邮件,大概在几天前有这么一封apple发送的邮件: Dear ***, You have revoked your certificat…