educoder头歌强制显示右侧目录按钮,方便查看测试代码,便于怎么在本地自测头歌代码?

效果如下

强制显示右侧目录

操作步骤

  1. F12打开控制台
    在这里插入图片描述

  2. ctrl+shift+f全局搜索 _ref2.code_hidden
    在这里插入图片描述

  3. 在左侧找到 覆盖 按钮,选择替代文件夹,并允许权限
    在这里插入图片描述

  4. 在编辑框内右键,选择保存以备替代
    在这里插入图片描述

  5. code_hidden 的值修改为 false,然后按下 ctrl+s 保存
    在这里插入图片描述

  6. 保持控制台不关闭,刷新页面,enjoying。接下来就可以直接根据测试代码在本地自测了

方法思路

我是怎么找到这个方法的呢,且听我慢慢道来。

  1. 首先的找到一个不显示文件夹按钮的页面和一个可以正常显示文件夹按钮的页面

  2. 打开控制台,定位到文件夹按钮这个元素
    在这里插入图片描述

  3. 发现有个明显的图标名字,这是一个很明显的特征,代码里面肯定会有写。于是全局搜索一下,看看这块代码附件的上下文怎么写的(只要看js就好)
    在这里插入图片描述

  4. 解码一下9528行的Unicode,结果是显示目录,说明这一块就是渲染代码
    在这里插入图片描述

code_hidden ? null : /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
          title: "\u663E\u793A\u76EE\u5F55",
          onClick: onShowDir,
          children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
            className: "iconfont icon-wenjian "
          })
        })

从代码中可以看得出,这个按钮是否显示取决于 code_hidden 变量的值

  1. 向上搜索 code_hidden
    发现变量是在这里定义的,只要把这里写死为true就好了
/* harmony default export */ function action_bar(_ref2) {
  var loading = _ref2.loading,
    lastedUpdateTime = _ref2.lastedUpdateTime,
    moveY = _ref2.moveY,
    code_hidden = _ref2.code_hidden,
    hide_code = _ref2.hide_code,
    gameStatus = _ref2.gameStatus,
    isEditPath = _ref2.isEditPath,
    isNotice = _ref2.isNotice,

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值