首页 > 其他分享 >野花--使用开发者工具查看及调试hover等状态的样式

野花--使用开发者工具查看及调试hover等状态的样式

时间:2022-11-04 17:45:45浏览次数:63  
标签:状态 hover -- 样式 开发者 调试 页面

第一种:

选中需要检查hover状态的元素,在开发者工具中的force element state中强制选择响应的状态,就会显示响应的css样式.

但是这种调试依然无法直接在页面上实时看到hover的样式.

 

 

第二种:

在开发者状态下,进入sources标签栏,

鼠标移动到页面你要hover的对象,显示出hover后的页面元素,然后按F8,进行暂停模式

 

接下来可以进行比较完美的调试

 

标签:状态,hover,--,样式,开发者,调试,页面
From: https://www.cnblogs.com/ericyjchung/p/16858587.html

相关文章

  • 【Java】数组对象转实体对象
    使用说明使用时,要留意Object数组中值的顺序,需要与目标实体类中构造方法的形参的顺序保持一致,防止出现赋值错误的情况。工具类代码/***数据类型转换工具类*@author......
  • orchestrator安装部署(raft版本)
    环境OS:Centos7mysql(5.7)主从:192.168.1.100hmaster主192.168.1.102hslavea从192.168.1.103hslaveb从192.168.1.104orchestrator元数据使用的数据库 前提条件......
  • openstack单机部署
    注:centos8单机版 注:本次实验手动配置密码均为admin环境准备:配置hosts文件192.168.116.8为本机IPecho'192.168.116.8controllervipmyip'>>/etc/hostsyumupgrad......
  • 谷歌浏览器中的网页翻译功能无效解决
    修改C:\Windows\System32\drivers\etc下的hosts文件 在最下面添加如下代码#GoogleTranslate172.217.204.90translate.googleapis.com142.250.28.90translate.g......
  • 构造器
    构造器,也称构造方法特点:1.和类名相同2.没有返回值作用:1.new本质在调用构造方法2.初始化对象的值注意:1.一个类即使什么也不写,也会存在一个构造......
  • tomcat内存配置及配置参数详解
    转自:https://zhuanlan.zhihu.com/p/43158214 JAVAWEB开发过程中经常需要使用到tomcat,而tomcat的内存配置又是一件影响性能的重要工作,经常在配置过程中搞不清在一台服务......
  • 洛谷P2730 [USACO3.2]魔板 Magic Squares
    题目链接:点这里 一般这种从某种状态转移到目标状态的最短距离,都可以使用BFS来做。从题目给定的初始状态,依次执行题目给定的三种操作,分别是交换上下两行(操作A)、将最后......
  • 按照 ExpressionVisitor 抽象类 思路 重新实现表达式 从左到右 递归解析 解决参数编号
     核心递归方法根据表达式类型跳转到具体的处理方法处理完后返回null跳出循环///<summary>///访问///</summary>///<pa......
  • Java web登录学习
        下面是我们另一个登录的简单测试用的jsp文件<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><html><head><title>login.jsp......
  • 12.读写文件
    1.读文件open:打开文件read:读取文件close:关闭文件#打开一个文件,指定文件路径,打开模式,编码方式,返回一个文件对象fd=open(file=r'C:\Users\11026\Desktop\tes......