[Debug] Use Remote Sources to Debug a Web App on an Emulator, Simulator, or Physical Device

We can emulate different operating systems, browsers, and devices within a desktop operating system. We’re going to discuss iOS and Android options we have available to us, and how to debug on those devices.

More than often we want to test what we have seen is what user see our app. To do that we need to use device to test our web application.

To enable device testing, the easiest to do it:

Install:

npm install ngrok -D

Suppose our application is running on localhost:8000, then we can run the command:

ngrok http 8000

Of course this is only one way to test web application on mobile device.

You can also use Remote debuging with Chrome:

chrome://inspect/#devices

To test on difference brwoswers, we can also useBrowserStack.

原文地址:https://www.cnblogs.com/Answer1215/p/9188743.html

时间: 2024-11-03 20:29:51

[Debug] Use Remote Sources to Debug a Web App on an Emulator, Simulator, or Physical Device的相关文章

让你在PC上调试Web App,UC浏览器发布开发者版

目前,在手机上使用浏览器访问网页,无法便捷地进行网页语言调试.手机屏幕相对较小且操作不便,直接在手机上进行网页数据调试不太现实. 因此,UC使用技术将手机网页调试信息分离,实现一种能在大屏幕.高配置PC上来调试小屏幕.低配置的手机浏览器访问的网页的开发工具--Remote Inspector(简称RI). 主要功能 Android平台UC浏览器开发者版,主要支持以下功能: DOM查看和修改 JavaScript调试.CSS调试 网络状态查看 资源文件查看 Console控制台 准备工作 手机端

一键将Web应用发布到云-Azure Web App

我们现在越来越多的传统应用,逐步向云端迁移,原先私有云的部署模式,逐步向云端PaaS IaaS转变.例如: 我们在云端Azure中申请VM虚拟机,将我们的Web应用部署到VM的IIS中,同时做云服务的高可用性集和NLB,实现Web应用的负载均衡和高可用性. 上面这是一种常见的云端部署模式(IaaS模式),我们需要不断运维这个VM.Web应用.有没有一种更简单的方式,一键将我们开发的Web应用直接发布到云上,自动实现负载均衡和高可用性. 答案是Azure的应用服务. Azure 应用服务是一种全新

java.lang.IllegalStateException:Web app root system property already set to different value 错误原因及解决 Log4j

Log4j是Apache的一个开放源代码项目,通过使用Log4j,我们可以控制日志信息输送的目的地是控制台.文件.GUI组件.甚至是套接口 服务器.NT的事件记录器.UNIX Syslog守护进程等:我们也可以控制每一条日志的输出格式:通过定义每一条日志信息的级别,我们能够更加细致地控制日志的生成过程.最令人感兴趣的就 是,这些可以通过一个配置文件来灵活地进行配置,而不需要修改应用的代码. 其实呢,我觉得他就是一个能对我们的WEB应用监控的组件,让我们可以了解到我们的程序运行的情况 ,以及出错后

远程调试 Azure Web App

当我们将 Web App 部署在 Azure 上时,如果能够实现远程调试,将会极大的提高我们修复 bug 的效率.Visual Studio 一贯以功能强大.易用著称,当然可以实现基于 Azure 应用的创建.发布和调试.接下来就让我们一起看看如何使用 Visual Studio 远程调试部署在 Azure 上的 Web App,以及一些常见的注意事项. 文章来源:葡萄城产品技术社区 注意工具的版本 在开始正文前让我们先检查一下使用的 Azure SDK 版本和 Visual Studio 版本

移动web app开发必备 - 异步队列 Deferred

背景 移动web app开发,异步代码是时常的事,比如有常见的异步操作: Ajax(XMLHttpRequest) Image Tag,Script Tag,iframe(原理类似) setTimeout/setInterval CSS3 Transition/Animation HTML5 Web Database postMessage Web Workers Web Sockets and more… 后面几个是CSS3 HML5加入的新API.这些接口都是会产生异步的操作 比如本人的一个

Azure Stack技术深入浅出系列5:在Azure Stack上使用Web App PaaS服务及其背后原理窥探(开发案例)

App Service 是微软Azure的PaaS产品. 为任何平台或设备创建Web App PaaS服务和mobile App PaaS服务. 将应用与SaaS解决方案集成.与本地应用程序进行连接,以实现业务流程的自动化.在我们日常开发中,经常会使用Web App PaaS服务来承载企业的业务. 本文试图通过一个案例来分别详细说明Azure Web App业务的下列几大特点: 应用服务计划 多种语言和框架 持续集成和部署 连接数据库服务 可用性全局缩放 就在本文撰写过程中,Azure Stac

[io PWA] keynote: Launching a Progressive Web App on Google.com

Mainly about Material design (effects / colors / flashy stuff) Components (web components / polymer) Offline / notifications (Service worker / iDB / Firebase) Progressive web app: HTTPS Add to home screen Splash screen service worker notifications, b

如何开始一个模块化可扩展的Web App(转)

原文链接:http://avnpc.com/pages/start-a-modular-extensible-webapp 日志未经声明,均为AlloVince原创.版权采用『 知识共享署名-非商业性使用 2.5 许可协议』进行许可. 虽然从没有认为自己是一个前端开发者,但不知不觉中也积累下了一些前端开发的经验.正巧之前碰到一道面试题,于是就顺便梳理了一下自己关于Web App的一些思路并整理为本文. 对于很多简单的网站或Web应用来说,引入jQuery以及一些插件,在当前页面内写入简单逻辑已经

打造离线使用的Mobile Web App

最近公司举办技术大赛,我和同事一起制作了一个叫做10K Hours的Mobile Web App,可以帮助你通过一万小时的努力,成为某个领域的专家.正好前段时间翻译了一本书<HTML5 Mobile Development Cookbook>,中文译本在此.其中讲到了不少移动端Web开发的Best Practices,正好就用到了10K Hours这个应用上.其中我觉得非常有用但是又让人头痛的一个功能就是AppCache:它可以让用户在访问一次网页以后,下次再来时不能访问网络的情况下,也可以使