精华内容
下载资源
问答
  • 开发者工具

    2017-10-09 18:22:13
    开发者工具,系统自带的一个用于开发者的工具 开发者工具,系统自带的一个用于开发者的工具
  • 微信Web开发者工具,可用于微信小程序,微信公众号的开发
  • 微信开发者工具地址配置正确 端口也开启了 但是显示打开微信ide失败 原因:manifest.json中有微信小程序AppID,但未在微信开发平台将我的微信号加到微信开发者里面,导致微信开发者工具运行项目失败 解决方法: ...

    微信开发者工具地址配置正确 端口也开启了 但是显示打开微信ide失败

    原因:manifest.json中有微信小程序AppID,但未在微信开发平台将我的微信号加到微信开发者里面,导致微信开发者工具运行项目失败

    解决方法:

        方法1:在manifest.json中将AppID设置为空‘’。方法1的弊端是微信支付等模块会不可用

        方法2:在微信开发者平台将我的微信好加到微信开发者中

    展开全文
  • 微信开发者工具

    2017-12-15 16:44:51
    微信开发者工具,最近微信开发者中心推出了微信web开发者工具,对于我们这些开发微信公众平台的非常实用,所以来安装起来用用
  • 微信web开发者工具

    2018-04-12 17:09:36
    微信web开发者工具微信web开发者工具微信web开发者工具微信web开发者工具
  • 百度开发者工具

    2019-02-18 12:24:52
    百度开发者工具..
  • 微信web开发者工具.rar

    2021-08-02 13:45:08
    微信开发者工具
  • 微信开发者工具安装包
  • 微信开发者工具
  • 微信开发者工具.rar

    2021-07-22 10:49:56
    微信开发者工具.rar
  • 运行uni-app在微信开发者工具下注意的问题: (1)在点击工具栏里的文件 -> 新建 -> 项目: (2)选择uni-app,输入工程名,如:hello-uniapp,点击创建,即可成功创建 uni-app。点击模板里的 Hello uni-app 即可...
  • 开发者工具-crx插件

    2021-03-09 23:33:19
    开发者工具 1、13位Unix格式时间与yyyy-MM-dd hh:mm:ss格式时间转换 2、私人报表使用时间快捷操作 3、指定年月日时间转换 支持语言:中文 (简体)
  • 微信绑定Web开发者工具文档,微信绑定Web开发者工具文档,微信绑定Web开发者工具文档,微信绑定Web开发者工具文档,微信绑定Web开发者工具文档,微信绑定Web开发者工具文档
  • 问题1:hbuilder不能调用正常调用微信开发者工具(调用之后显示在选择项目主页) 解决方法:打开manifest.json,点击微信小程序配置,输入你登录微信的appid(注意一定是要登录微信账号的),重启项目 问题2...

    问题1:hbuilder不能调用正常调用微信开发者工具(调用之后显示在选择项目主页)

    解决方法:打开manifest.json,点击微信小程序配置输入你登录微信的appid(注意一定是要登录微信账号的),重启项目

     

    问题2:开发者工具一直显示加载的问题

    解决方法:打开manifest.json,找到应用名称,将应用名称改成英文或拼音重启项目

    展开全文
  • 微信开发者工具.exe

    2020-06-27 10:43:39
    微信开发者工具.exe
  • 今天安装微信开发者工具后启动时界面黑屏,无法登录也无法正常关闭。一番探索后终于找到有效的解决方法: 管理器结束掉wechatdevtools.exe进程,下载这个文件解压把里面的配置文件(***.json)放到 C:\Users\<你的...
  • 骁龙处理器开发者工具
  • 一般浏览器里鼠标在元素上右键点击审查元素或检查元素即可快速打开开发者工具并定位到该元素,但在微信开发者工具中不支持, 解决方法 点击 elements左边的 小鼠标 图片,然后在主页面点击元素即可快速定位 ...

    一般浏览器里鼠标在元素上右键点击审查元素或检查元素即可快速打开开发者工具并定位到该元素,但在微信开发者工具中不支持,

    解决方法 点击 elements左边的 小鼠标 图片,然后在主页面点击元素即可快速定位

    展开全文
  • 如何使用浏览器的F12开发者工具调试页面?

    万次阅读 多人点赞 2018-05-27 22:25:23
    通常前端程序员在按照UI效果图编辑网页时,不可能一口将全部的代码全部写好,通常情况是编写边调,经过反反复复的调试后才能达到要求的效果,这时候用Chrome浏览器的F12开发者工具能形象直观的帮助程序员调试自己的...

    一,背景介绍

    通常前端程序员在按照UI效果图编辑网页时,不可能一口将全部的代码全部写好,通常情况是编写边调,经过反反复复的调试后才能达到要求的效果,这时候用Chrome浏览器的F12开发者工具能形象直观的帮助程序员调试自己的代码,用好F12能显着提高开发者的工作效率,加快调试的速度。

     

     

    二,知识剖析

    1,F12开发人员工具是一套按需采用的工具,网站开发人员可以随时在任何网页上使用F12工具,从而快速调试的JavaScript中,HTML和级联样式表(CSS),还可以跟踪并查明网页或网络的性能问题。

    注:部分电脑打开F12是需要组合键:FN + F12。

     

     

    三,具体实操

    1,如何更改调试窗口的显示位置?

    先按F12进入调试位置

    Dosk side有四个选项,1。将开发者工具单框拖出来2.放置左侧3.放置底部4.放置右侧。

    一般都是谷歌浏览器是默认放置在右侧的,今天我们主要说谷歌浏览器当中的F12开发者工具。

    如果要进行模拟手机端调试页面的话,用左右布局调试会比较方便,如果是调试PC端页面的话,将调试页面放置下端会更好一点,这样不会遮住部分的显示内容。

     

    2,如何选中需要修改的元素?如何进行手机端的调试?

    首先打开F12,图上右上角有一个小鼠标箭头图标和一个小手机图标。我们用鼠标小鼠标箭头图标然后点击选择网页中的内容,这时候就会在开发者工具中看见该选中的内容样式显示出来。选择网页中的内容可以是一串文字也可以是一张图片或者一个块级元素。

    点击小手机图标,开发者工具会将页面模式换成模拟手机浏览的状态,如上图图中正上方可选择市场主流的不同品牌手机和不同的分辨率样式来进行页面查看,从而观察页面在不同手机不同分辨率下的显示效果。

     

    3,如何更直观的观察到页面中设置的盒子模型?

    咱们在CSS布局会经常用到盒子模型,可是在网页上随意点开某一个块级元素进行审查,在管理者工具栏有一个直观的盒子样式(如上图),你可以直接在盒子上进行更改.margin,填充,边框,内容栏的上下左右各个值都可以进行直观的修改。

     

    4,如何修改设置当前元素的样式,或在当前元素对应的类上修改样式?

    ①如何在当前元素上修改?

    选择某一个元素,在开发者工具底下会弹出一个当前元素样式 - 元素风格。可在该选择样式下更改,这样更改有一个好处,它不会影响其它位置相同元素的样式,只会影响当前你选取的这个元素的样式。这样优先级更高。

    ②如何在当前元素对应的类上修改样式?

    在开发者工具最底下我框选出来的位置就是当前元素类,也可在这个位置进行更改样式,但是在这个位置修改样式需要注意页面当中所有同一种元素的样式都会发生改变,一牵动则动全身。

     

    5,如何修改元素设置的伪类属性?

    如图,选中某一个元素,然后在开发者工具的过滤器当中有一个:HOV值点击它,然后选取你需要查找的伪类。

    注:因为正常情况下点击一个元素属性,你是看不到它的伪类的。

    点击出现伪类后,你就可以在这个上面直接更改样式了。

    比如颜色,可以直接在开发者工具中自带的画板中吸取页面中你想要的颜色,然后确定就可以更改了。

    咱们在制作网页时,UI图上的颜色也可以拿开发者自带的画板吸取确定颜色。

     

    6,如何添加新的类,复制和删除原来的类?

    过滤器栏中最右边有一个.CLS选项,它可以添加新的类,这个功能主要是添加CSS原样式中存在的类,通过调用其它类样式到当前元素中来,从而查看新的样式。

    .CLS右边的十号作用是复制当前类,可重新在新类中布置新的样式。特别是在旧类样式代码非常多的情况下重新布局样式,这时候用新增一个类的方法就很方便,新类复制到编码器当中也省不少事。

     

    7,如何快速增加元素的样式?

    谷歌浏览器自带了4个快速增加属性的按钮,如图上4个图标,从左到右分别是应:

    文本shadow-文本元素阴影效果

    箱型shadow-块级元素阴影效果

    color-字体颜色

    背景color-背景颜色

    有人可能会问怎么才能找到它们呢?可能细心的同学已经发现了。

    当鼠标悬浮在类栏中,右边会出现一个三个小点的按钮,点击它便会出现这四个按钮了。

     

    最后,页面样式修改完成后,我们就该保存啦。可以有三种方式保存修改后的代码。

    ①从开发者工具类里面复制代码到你的代码编辑器。

    ②直接在页面上CTRL + S另存为即可,这种比较暴力,适合F12大幅度修改后的页面。

    ③也可以对照开发者工具,在WebStorm或VScode代码编辑器中敲上去····

     

     

    四,思考

    1,如何通过F12开发者工具来学习优秀网站的设计?

    比如在开发过程中遇到了一些很难的布局,或者产品经理的一些要求你没有想到一些很好的方法来实现的,大家就可以借鉴一下别的网站的设计。

     

    如图上,我们可以打开F12的源来查看HTML或者CSS样式,JavaScript的的的样式。通过借鉴别的网站的代码来参悟自己想要实现的布局。

     

     

    五。一些常见问题

    问题一:如何用F12查询伪类

    在F12中有一个:HOV值,点击它然后勾选你需要查找的伪类就能在底下显示出来了。

    问题二:如何用F12查看CSS文件?

      点击F12中的资源,就能看见页面中包含的文件,然后找到CSS文件,JS文件的查找也是同样的办法。

    问题三:如何使用F12修改文字阴影效果?

     在F12中有四个按钮是专门修改阴影效果,块级元素效果,字体颜色,块级颜色的。

    点击需要修改的元素,在元素里面点击Ť图标就可以形象的同步更改字体的阴影效果了。

     

    展开全文
  • 永久使用浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 654,558
精华内容 261,823
关键字:

开发者工具