首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
谷歌f12检查div
2024-09-08
谷歌浏览器的F12用处及问题筛查笔记
在前端测试功能的时候,经常有些莫名其妙的错误,这个时候开发会说打开F12看一下吧,所以感觉这个开发者功能很有用,研究一下,做如下记录: Elements:左栏以DOM树形式查看网页源代码(HTML),点击可依次展开各个节点查看具体代码,比如测试中发现有些数据没有显示在网页上,这时点开对应节点看一下,入参是否正常传入是很有用的. 并且在选中节点时会在网页上实时显示选中的节点(以色块标注),这是调试网页时最常用的功能.右键可编辑所选节点的代码.右栏实时显示所选节点相匹配的CSS属性.修改CSS属性可
IE11浏览器,按F12 检查元素,工具会出来,但是没法正常使用?
微软网站上找到IE11的累计安全更新,安装后就能正常使用了.https://www.microsoft.com/zh-cn/download/confirmation.aspx?id=45154
谷歌F12获取接口信息
div标签的闭合检查
什么叫DIV标签有没有闭合呢?有<div>开头就应该有</div>来结尾闭合了.有时候写代码写 了<div>,忘记</div>结尾,谓之没有闭合也. 如 何检查DIV标签有没有闭合呢?如果页面布局简单,代码少是可以直接观 察出来:如果布局复杂了,看代码很难看明白.有一个很简单的方法来检测:在整个页面中搜索<div 代码看有多少个,然后再搜索</div>代码看有多少个,如何一样的个数,那基本没问题. 如果没有闭合,那就用Firebug工具
如何让DIV居中
总结:text-align:center;对三中浏览器而言,都具有文字/行内元素的嵌套式居中,或者说继承式的居中,只要外面的容器设置了这个属性,那么他内部的所有元素都具有这个属性(意思是,虽然这个属性在谷歌和火狐中并不能对内部DIV有水平居中特效,但是由于它对文字的嵌套居中特效,使得设置这个属性的DIV的内部所有的文字/行内元素,无论嵌套多深,都有水平居中效果).但对于IE来讲比较特殊,它还对块元素嵌套式的水平居中. margin:0 auto;对3种浏览器而言,都具有一样的特性,就是设置在
练习div出现的小问题
一.出现图片不显示状况1.class中设定的名字不对2.在高单位后面出现了 “:“ 所以也不显示3.上一个div盒子没有写结束标签 4.在添加背景图,把height的值改成auto后不显示,填上具体数值后发现图片显示. 二.插入多张图片不熟 三.插入多张图片发现浮动float没有办法使用.1.检查class是否正确2.检查div是否提前闭合. 四 position定位到图中央,发现输入top值后,他往下走,输入bottom,文字往上走 五.给文字加底框的时候发现加不上颜色.加了行高和定位的lef
Selenium_WebDriver_定位元素
版权声明:本文为博主原创文章,转载请注明出处. 定位单个元素 WebDriver提供了八种元素定位方法,Java中定位语句形如:driver.findElement(By.id()): 何为元素定位?当我们使用百度进行信息搜索时,打开网址后,我们的眼睛会聚焦到搜索栏,然后在搜索栏中输入我们需要搜索的关键,然后点击"百度一下"按钮,从上面的描述中我们可以看到,要完成搜索我们必须找到"搜索栏 && 百度一下按钮",我们有眼睛可以浏览页面去定位"
如何在不使用三大地图的KEY和相关组件的情况下,直接传参数到相关的H5地图
以高德地图为例: window.location.href='http://m.amap.com/navigation/index/daddr=104.188206%2C30.858513%2C'+'歪嘴饭店':这是直接在DIV上加的一个点击事件(可点击直接测试,需要切换到F12切换都H5形式才有效果,不然会直接瞬间跳回index),唤醒高低地图,其中104.188206 和30.858513 是我传进去的高德的经纬度,最后一个'歪嘴饭店'. %2C 是分隔符号 ,一定不能删除 是你搜索地的名称
使用box-shadow进行画图(性能优化终结者)
最近突然想做一些好玩的东西,找来找去,想到了之前曾经在网上看到过有人用box-shadow画了一副蒙娜丽莎出来感觉这个挺有意思,正好趁着周末,自己也搞一波 前言 在线地址: 优化前的版本优化后的版本源码仓库地址 不建议上传大图片..喜欢听电脑引擎声的除外 首先,并不打算单纯的实现某一张图片(这样太没意思了),而是通过上传图片,来动态生成box-shadow的数据.所以,你需要了解这些东西: box-shadow canvas box-shadow box-shadow可以让我们针对任意一个htm
CSS层叠样式表--使用
一.颜色属性 二.字体属性三.背景属性四.文本属性五.边框属性六.列表属性七.display属性八.内外边距九.float属性十.定位十一.margin定位 一.颜色属性 (1)英文单词 <p style="color:blueviolet">独在异乡为异客</p> (2)十六进制数 <p style="color: #ffee33;">独在异乡为异客</p> (3)三原色 <p style="colo
幕布V1.1.9最新版漏洞集合
0X00 前言 幕布本人最早接触是在P神的知识星球里面看到P神推荐的,后来下了个用着还挺好用. 之前一直都放一些零零散散的笔记,最近整理的时候,一时兴起,本着漏洞源于生活的态度,遂对幕布的安全性做了些研究. 0x01 背景 幕布是一款头脑管理工具,用更高效的方式和清晰的结构来记录笔记.管理任务.制定工作计划.头脑风暴.用最好的方式释放您的大脑! 令人觉得舒服的是,就算是免费版也支持多平台同步,相对比其他软件这个很良心了,还支持多种格式导出,支持脑图演示. 0x02 前世 早在17年,栋栋的栋师傅
css学习_写法规范、选择器
1.css(层叠样式表)样式主要目的(让页面更好看些) css尽量不要写内联样式,保证结构和样式分离原则: html专门负责结构,css专门负责样式. 2.css写法规范 选择器 { 属性 :值 : } 内联样式 写在标签里 style=“”属性:值“” 内部样式 写在head标签里的style标签里 外部样式 通过链接导入样式表 link 3.font-size(字号大小) 4.浏览器默认字体font-family 微软雅黑 ,字体大小一般默认为16px 一般不想写中文是可以用
border-radius 原理分析
border-radius 想必大家都有所了解,比较常见的用法就像下面一样: 注意左边的盒子 border-radius: 100px; 右边的为0哦,所以右边的实际上没有设置圆角边框属性:咱们比较下: 看大家大概都能看懂,不过我就想弄清楚个原理,不然觉得记不住,而且很不爽,而且这个样式细究起来有8个参数可以选,天呐,,, 所以我来说说我理解的圆角原理,就以上图中的 border-radius: 100px; 为例分析: 上图在我看来,浏览器就是这样渲染的,以左上角为例,如图: 第一步:因为设
Scrapy分布式爬虫打造搜索引擎- (二)伯乐在线爬取所有文章
二.伯乐在线爬取所有文章 1. 初始化文件目录 基础环境 python 3.6.5 JetBrains PyCharm 2018.1 mysql+navicat 为了便于日后的部署:我们开发使用了虚拟环境. 1234567891011 pip install virtualenvpip install virtualenvwrapper-win安装虚拟环境管理mkvirtualenv articlespider3创建虚拟环境workon articlespider3直接进入虚拟环境deactiv
vue 组件与传值
一.表单输入绑定(v-model 指令) 可以用 v-model 指令在表单 <input>.<textarea> 及 <select> 元素上创建双向数据绑定. 详细用法参见官方文档:https://cn.vuejs.org/v2/guide/forms.html 二.局部组件和全局组件 1.了解根组件template模板的优先级大于el,如下方式验证: <div id="app"> {{ msg }} </div> <
【CSS】我的颜色到底听谁的?—— css的层叠性
我们之前学了很多个选择器,都可以帮我们定位到具体标签上,然后我们在设置样式.但这也不可避免会产生一个问题:如果多个选择器同时指向同一个标签,那么到底该听谁的??? css一定有自己的机制来处理这个问题,这个就是css的层叠性.今天我们就一起来具体讨论一下这个问题. 1.场景一:多个选择器选中同一个标签,怎么办? 首先我们写一段简单的html代码: 7层叠性.html(body部分) <div id="box1" class="box1"> <div
Python分布式爬虫打造搜索引擎完整版-基于Scrapy、Redis、elasticsearch和django打造一个完整的搜索引擎网站
Python分布式爬虫打造搜索引擎 基于Scrapy.Redis.elasticsearch和django打造一个完整的搜索引擎网站 https://github.com/mtianyan/ArticleSpider 未来是什么时代?是数据时代!数据分析服务.互联网金融,数据建模.自然语言处理.医疗病例分析……越来越多的工作会基于数据来做,而爬虫正是快速获取数据最重要的方式,相比其它语言,Python爬虫更简单.高效 一.基础知识学习: 1. 爬取策略的深度优先和广度优先 目录: 网站的树结构
前端学习(十二)js数据类型(笔记)
选项卡: for循环 for(初始值,条件,自增){} for(var i=0; i<9;i++){} 几个按钮对应相同个内容!!! ------------------------------ 若干个按钮对应一个内容!!! ---------------------------------------------------- 字符串: ***只要在网页中js里面出现带引号的都是字符串! 1.汉字必须是字符串! 2.单词不带引号,也没报错,它是变量 3.不
htmlunit第一个爬虫演示 目标网址http://ent.sina.com.cn/film/
基本都要放弃了 springmvc 配置了htmlunit之后无法运行,都不能正常实例化webclient,但是突然想起来用maven应用程序测试一下 结果竟然就可以了.好吧,还是有希望的 大佬博客 https://blog.csdn.net/johnson_moon/article/details/78457543 https://www.cnblogs.com/davidwang456/articles/8693050.html 第一步还是引用https://mvnrepository.co
webdriver中的定位\模拟\及实例
Selenium webdriver 下载 pip install selenium pip install -i https://pypi.doubanio.com/simple/ selenium # 备用地址 浏览器驱动下载 还需要安装浏览器驱动,比较常见的浏览器我们一般选用Chrome和Firefox了,当然IE和Safari也有自己的驱动: Chrome驱动地址:https://npm.taobao.org/mirrors/chromedriver,或者参见http://chromed
使用Xpath爬取酷狗TOP500的歌曲信息
使用xpath爬取酷狗TOP500的歌曲信息, 将排名.歌手名.歌曲名.歌曲时长,提取的结果以文件形式保存下来.参考网址:http://www.kugou.com/yy/rank/home/1-8888.html 大概步骤:谷歌F12打开开发者工具-->在Elements找到想爬取的信息-->右键Copy XPath(或是根据Network里Response的代码手动写出Xpath路径)-->对比这类信息的xpath,再定位并提取这类信息 注意:我们获取的Network里Response
热门专题
MFC 设置窗体大小
c# 动态链接库中 读取文件
hash长度扩展攻击防护方法有哪些
el-select 为哈会显示id的情况
laravel 模型如何打印updatesql
sqlplus 执行sql文件每次输入exit
gitlab runner 增加外部环境变量
cisco stp指定根桥
怎么删除LABview中的依赖关系
ruoyi vue npm dev 报错
oracle 强制指定字段 走索引
vue 读取static文件夹静态文件
virsh console 进入虚拟机
Dart语法详解与编译原理
西门子P7与上位机通信
caddy 允许http 非SSL访问
路由器接口封装类型HDLC与ARPA
有web页面的api接口测试工具
android系统中自带的图标大全
viewstate禁用会怎样