【学习】手机调试

最新推荐文章于 2024-07-29 11:19:19 发布
最新推荐文章于 2024-07-29 11:19:19 发布
阅读量675 收藏 2
点赞数
文章标签： git 学习 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44372086/article/details/123300923
版权
本文介绍了手机调试的相关知识，包括如何使网页兼容手机，通过WIFI使用IP和端口进行调试，利用http-server进行边界调试CSS，借助vConsole.js调试JavaScript，以及详细步骤教你设置Chrome的远程调试功能。
摘要由CSDN通过智能技术生成

手机调试笔记

怎么兼容手机

<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

width=device-width 宽度为设备宽度
initial-scale=1.0 初始比例为1倍
minimum-scale=1.0 最小缩放为1

最低0.47元/天 解锁文章
大魔魔魔头
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html自适应meta标签,自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结...
weixin_30611227的博客
06-24 2371
一、先明白几个概念phys.width:device-width:一般我们所指的宽度width即为phys.width，而device-width又称为css-width。其中我们可以获取phys.width即width通过document.documentElement.clientWidth;而获取css-width通过 window.screen.width获取。如iphone6的phys....
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
12-09
一、先明白几个概念 phys.width: device-width: 一般我们所指的宽度width即为phys.width，而device-width又称为css-width。 其中我们可以获取phys.width即width通过document.documentElement.clientWidth;而获取css-width通过 window.screen.width获取。如iphone6的phys.width为750px，而css-width为375px。 二、明白一个浏览器默认行为。 试想，浏览器如果把电脑端的980px的网页展现在宽度为750px的iphone6手机屏上，势必会放不下
移动端布局(二)关于视口
androidioskl的博客
12-31 1282
简单来说 <meta name="viewport" content="width=device-width,initial-scale=1.0">的解释 content属性值: width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale: 页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别， maximum-
Webapp meta标签解决移动缩放的问题
bangman4009的博客
04-23 1019
webapp开发初期,会碰到在pc端开发好的页面在移动端显示过大的问题,这里需要在html head中加入meta标签来控制缩放 <meta name=" viewport" content="width=device-width initial-scale=1.0 minimum-scale=1.0 miximum=1.0 user-scalable=yes"/&...
移动端开发基础知识
探鱼不是鱼
11-04 1017
移动端开发 相关概念 ​ 在学习移动端之前，我们先来学习一些基础的概念和专有名词，这些知识会在以后的面试、工作沟通中经常用到。 屏幕相关 1.屏幕大小 ​ 屏幕大小是指屏幕的对角线长度，单位一般是英寸(inch)。常见的手机屏幕大小有： 3.5寸、4寸、4.7寸、5.0寸、5.5寸、6.0寸等等，英寸与厘米的换算关系为 ：1英寸(inch) = 2.54厘米(cm) 2.屏幕分辨率 ​ 屏幕分辨率是指屏幕在：横向、纵向上所拥有的物理像素点总数。一般表示用 n * m 表示。 ​ 例如： IP
adb wireless进行Android手机调试详解
08-28
给大家讲解了在Android手机上使用adb wireless进行调试的步骤以及问题解决办法，有需要的跟着学习下吧。
ESP8266手机端网络调试助手
08-23
总之，ESP8266手机端网络调试助手是学习和开发ESP8266项目的重要工具，它简化了网络通信的调试过程，提高了效率，特别适合初学者使用。通过这两个APK文件，用户可以在Android设备上体验不同的调试功能，进一步提升...
Android studio 连接手机调试操作步骤
01-20
在Android应用开发中，使用Android Studio进行手机调试是开发者日常工作中不可或缺的一部分。下面将详细讲解如何连接手机并进行调试。 首先，确保你的Android Studio（简称AS）已经正确配置了Gradle和构建设置，...
安卓手机调试工具
01-23
在IT行业中，安卓手机调试工具（Android Debug Bridge，简称adb）是开发者和爱好者们不可或缺的神器，它在安卓生态系统中扮演着至关重要的角色。adb是一个命令行工具，它允许用户在计算机上通过USB或者Wi-Fi连接到...
Android 手机浏览器调试使用Chrome进行调试实例详解
08-31
在Android开发过程中，调试网页应用或移动Web应用是不可或缺的一部分，特别是当遇到手机...希望这个教程能对你有所帮助，如果你在实际操作中遇到问题，欢迎继续探索和学习，不断深化对Chrome调试工具的理解和应用。
meta 标签知多少
qq_42062727的博客
05-06 740
meta 标签提供该页面的一些信息，比如针对搜索引擎和更新频度的描述和关键词，它还可以控制页面缓冲、响应式窗口等，定义 meta 标签有利于网站 SEO（有利于搜索引擎访问），对于响应式窗口也起着作用，因此 meta 标签是 HTML 中很重要的一个标签。在生成默认的 HTML 文档结构时，通常会有两个 meta 标签： <head> <meta charset="UTF...
meta viewport原理
飞翔的熊blabla
04-21 722
HTML中： <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 1 该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。当然maximum-scale=1.0, user-scalab...
响应式开发
weixin_44024534的博客
07-11 190
响应式meta标签Bootstrap机型兼容em / rem点透事件1px问题 meta标签 <meta name=“viewport” content=“width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0”> viewport： viewport ...
响应式web设计
qq_45581246的博客
05-04 377
响应式web设计 理念：基于流动布局、弹性图片、弹性表格、弹性视频和媒体查询等技术组合。使用百分比布局创建流动的弹性界面，同时利用媒体查询来限制元素的动态范围。 视口有两种： 1.可见视口（即设备大小→屏幕分辨率） 2.视窗视口（网页宽度→网页制作的原始大小） 例如： 打开一个网页，设备屏幕是414px的宽度，在浏览器中，414px的屏幕宽度能够展示1200px宽度的内容。那么414px就是可见视...
前端学习第十六课（响应式布局与自适应布局）
damadashen的博客
01-17 3454
1、视口 视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口。 1.1布局视口 layout viewport 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。iOS, Android基本都将这个视口分辨率设置为 980px，所以PC上的网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可以通过手动缩放网页。 在PC端上，布局视口等于浏览器窗口的宽度。而在移动端上，由于要使为PC端浏览器设计的网站能..
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab
xiejunna的博客
06-20 2962
html中的 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">//width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。//initia
2021-02-17
qq_41642640的博客
02-17 102
  meta name="viewport" content="width=device-width,initial-scale=1.0" 解释  <meta name="viewport" content="width=device-width,initial-scale=1.0">   content属性值 :      widt...
HTML5 <meta> 标签属性
gaotianyi110的博客
05-20 236
声明文档使用的字符编码 声明文档的兼容模式 定义对页面的描述 content=""/> 定义页面的最新版本 定义针对搜索引擎的关键词 定义网页作者 定义网页搜索引擎索引方式 使用英文逗号 ， 分隔 常有如下几种取值: none,noindex,nofollow,all,index,follow 为移动设置添加viewport 参数说
InternLM Git 基础知识
最新发布
hahahagehahage的博客
07-29 384
提交一份自我介绍。 创建并提交一个项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值