`
sw1982
  • 浏览: 511178 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

前端调试工具 for PC与移动设备

 
阅读更多

 pc端的前台工具挺丰富的。 基本fiddler+firebug就能解决一切。.手机端访问html、或者开发html for 手机端 的调试则相对复杂一点。其思路还是将终端访问转化到PC上。

 


 

1.手机端调试:

       使用fiddler,将手机的请求转到pc的fiddler上。(可以分析网络请求,参数,session等)

       使用firefox,chrome 的分辨率模拟功能,将pc浏览器模拟成手机终端, 并用fiddler重发网络请求在PC浏览器上模拟显示效果(可以调试样式,显示)。

 

2.agent switch 这种设置,可以在pc上模拟出phone,pad的请求到网站。 并且还有类似的点击事件模拟(chrome自带,见下图)。



 

 

  • 大小: 50.9 KB
  • 大小: 19.5 KB
分享到:
评论

相关推荐

    微信pc端3.2.1版本,支持pc端开发调试

    微信PC端3.2.1版本的发布,对于前端开发者来说是一个重要的里程碑,因为它首次引入了对PC端开发和调试的全面支持。这个版本的更新旨在优化开发者的体验,提高工作效率,使得在桌面环境下构建和测试H5页面变得更加...

    手机Web页面CSS样式及JS进行PC远程调试【图文】

    - **PC配置**:打开Firefox浏览器,按下F12键或右键选择“检查元素”进入开发者工具,然后选择“移动设备”图标(通常显示为手机和平板形状),模拟手机屏幕大小。 - **手机配置**:在手机Firefox设置中开启“开发者...

    UI前端框架,一款UI界面框架,适配PC+app端

    它不仅为开发者提供了丰富的组件和工具,还能够轻松实现PC与移动App端的适配,从而在不同设备上提供一致的用户体验。本篇文章将深入探讨Amaze UI的核心特点、优势以及如何在实际项目中应用。 **一、Amaze UI简介** ...

    基于Vue开发的京东商城移动前端代码

    综上所述,基于Vue开发的京东商城移动前端代码项目涵盖了前端开发的多个方面,包括前端框架的运用、移动端适配策略、组件化开发模式以及与后端API的交互等。通过Vue.js的特性和生态,开发者能够构建出高效、可维护的...

    Fiddler抓包工具(支持pc及android端).zip

    无论是PC还是Android设备,Fiddler都能提供全面的监控和分析功能,是IT行业中进行前端优化、安全检测和问题排查的重要工具。 首先,我们来详细了解一下Fiddler的核心功能: 1. **网络流量捕获**:Fiddler能够记录...

    web前端开发笔记 边读边写学前端开发

    最后,使用HBuilder这样的工具,可以方便地启动和测试网页,只需编写网页、点击“在浏览器运行”,然后通过手机访问指定的IP地址(如192.168.43.216)即可查看和调试网页在移动设备上的表现。这些都是Web前端开发者...

    毕业设计,移动APP+PC后台(weex+vue).zip

    【标题】"毕业设计,移动APP+PC后台(weex+vue).zip"揭示了这是一个结合了移动端应用和PC端后台系统的项目,使用的开发技术是Weex与Vue.js。这个压缩包可能包含了整个项目的源代码、资源文件、文档和其他相关材料。...

    移动web学习总结 .docx

    1. **布局策略**:移动端的布局通常不采用PC端常见的固定布局,因为移动设备屏幕尺寸多样,需要具备良好的自适应性。Flexbox(弹性布局)是一种常用的布局模型,能够灵活调整元素的排列方式,适应不同尺寸的屏幕。 ...

    响应式布局(PC与手机访问的兼容性)详解

    ### 响应式布局(PC与手机访问的兼容性)详解 #### 一、响应式布局的概念与发展背景 响应式布局是一种使网站能够自动适应不同设备屏幕大小的技术方案,旨在为不同终端提供统一且优质的用户体验。该概念最早由Ethan ...

    ASP源码—电脑版+手机版+PC同步更新一体网站 v2.0.zip

    总的来说,这个"ASP源码—电脑版+手机版+PC同步更新一体网站 v2.0.zip"提供了构建现代、多设备兼容网站的工具,开发者可以通过深入研究和定制源码,创建出满足特定需求的Web应用程序。通过持续学习和实践,开发者...

    无线设备与PLC控制过程的研究与应用.pdf

    无线设备与PLC控制过程的研究与应用的知识点涵盖了无线技术、PLC控制系统、移动设备通讯以及软件开发等多个领域。具体内容可以总结如下: 1. 工业控制领域发展趋势:目前工业控制领域正向分散控制以及集中管理转变...

    进销存前端uniapp

    7. **移动优先**:uniapp的设计理念是移动优先,所以开发的页面在手机上会有很好的用户体验。同时,uniapp也支持H5,可以在PC端或其他浏览器环境下运行。 8. **组件化开发**:uniapp采用组件化开发模式,有利于代码...

    数据库导航项目静态页 pc+app端

    本项目涵盖了前端静态页面和简单交互,适用于PC和移动设备,提供了一种跨平台的用户体验。下面将详细阐述相关知识点。 1. **前端开发**: 前端开发是构建Web应用的重要组成部分,它负责用户与应用之间的交互。在这...

    小程序开发-麦芒装饰装修DIY小程序V3.2.59全开源安装包+PC端+小程序前端.zip

    1. **微信开发者工具**:这是开发小程序的主要平台,提供了代码编辑、预览、调试和发布等功能,是开发者必不可少的工具。 2. **小程序生命周期**:理解小程序从启动到关闭的各个阶段,以及对应的方法,对于优化性能...

    ARM-RCVT-3.1

    1. **编译器和交叉编译工具链**:在开发针对ARM架构的应用程序时,开发者通常需要交叉编译工具链,因为开发环境(通常是基于x86的PC)与目标硬件(基于ARM的设备)的架构不同。这个工具链可能包括GCC (GNU Compiler ...

    MVC移动开发demo

    6. **测试与调试**:确保在各种设备和浏览器上进行全面测试,以保证兼容性和用户体验。 通过这个MVC移动开发demo,开发者可以学习如何构建适应多平台的应用,同时保持代码的清晰和可维护性。这不仅提高了开发效率,...

    手机Web模拟器 (OperaMobileEmulator)

    【手机Web模拟器Opera Mobile Emulator】是一款专为移动开发者设计的强大工具,它允许开发者在桌面环境下模拟手机上的Web浏览体验,以便于测试和调试移动Web应用。这款模拟器是Opera公司开发的,旨在提供一个近似...

    模仿boss直聘的部分前端页面

    通过使用“uni-app”框架,开发者可以构建一个跨平台的Web应用,覆盖PC端、移动端等多种设备。这表明项目的核心技术栈是围绕uni-app进行的,它是一种基于Vue.js的多端开发框架,能够一次编写,多端运行。 【uni-app...

    禁止电脑端模拟手机网页js脚本

    当用户在电脑上使用模拟器或浏览器的开发者工具来模拟手机环境时,他们可以查看和调试移动端网页,这在开发和测试阶段非常有用。然而,如果网站设计者不希望这种行为发生,他们可以通过检测用户代理(User Agent)字符...

Global site tag (gtag.js) - Google Analytics