web 页面 怎么样方便在手机端展示

 时间:2024-10-14 01:56:42

1、直接使用浏览器的开发者工具,可以参照下图,也可以使用快捷键F12或者ctrl+shift+I;

web 页面 怎么样方便在手机端展示

2、个人觉得不管是哪个浏览器,直接先按下F12,一般都可以打开开发者工具,打不开再说嘛。

web 页面 怎么样方便在手机端展示

3、这种调试方式不仅能用于模拟手机调试还是主要的PC端页面调试的方式,这里主要说用于手机调试。

web 页面 怎么样方便在手机端展示

4、打开后看到类似如下界面的开发者调试界面,苇质缵爨Elements可以查看文档元素,Console可以在线调试js和查看输出结果,Sources可以调试JS和查看依赖资源,Network查看所有的网络请求

web 页面 怎么样方便在手机端展示

5、在浏览器地址栏输入要调试的页面地址,选择模拟设备,然后就可以选择要调试的js调试了,右侧面板中有调试操作按钮;在Application面板中可以看到应用存储的数据Cookies什么的

web 页面 怎么样方便在手机端展示

6、如果没有需要模拟的机型怎么办?当然是增加了,打开DevTools的设置面板,左图中的Setting点开会出现右图

web 页面 怎么样方便在手机端展示
  • jquery动态给指定的table添加一行tr
  • Visual Studio2013怎么设置启用HTML设计器
  • PowerDesigner15.1安装
  • c#如何连接数据库
  • vb 获取二维数组或者多维数组的上标
  • 热门搜索
    内蒙古草原旅游 成都市旅游局 崂山旅游 特价邮轮旅游 去张家界旅游 德清旅游 旅游新疆 携程网旅游 旅游购物 越南旅游报价