web页面中快速找到html对应元素两种方法

一、第一种方法(通过先进入开发模式然后再去选择网页元素)

1、打开IE、Chrome、FireFox等,按 F12 键进入开发模式

2、在打开的控制窗口左上角有个  箭头 按钮,点击它之后,此时将鼠标移动到web页面上的元素,同时在控制窗口中就会自动定位到鼠标所指向的元素,这样方便在写代码时快速找到对应元素

 

 

如下图我将鼠标悬停在输入框上,对应的控制台中就自动找到对应的元素信息了

 

二、第二种方法(直接通过在网页页面上鼠标指向某一页面元素然后进行右键,chrome对应‘检查’,Firefox对应‘查看元素’)

chrome浏览器如下:

 

Firefox浏览器对应如下:

 

转载于:https://www.cnblogs.com/aziji/p/9699679.html

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值