背景: 生财有术上线了《生财思维课》(https://wx.zsxq.com/dweb2/index/topic_detail/1522588828121452),阅读平台是在小鹅通,而我平时更倾向使用 PC 进行阅读,奈何小鹅通的 PC 网页样式着实有点难看,于是我简单给他增强了一点样式,以实现更舒适的阅读体验。 PS:平时写作不多,如果有写得不好的地方,请不吝赐教,非常感谢! 阅读本文,你可以获得: 1. 生财有术店铺,小鹅通 PC 网页版文章内容样式增强 2. 通用 PC 页面样式自定义方法 3. 一个非常强大且简单的自定义js和css的浏览器插件 操作流程: 1. 安装浏览器插件 User JavaScript and CSS 适用于 chromium 内核浏览器(如Chrome,Microsoft Edge,360极速模式等),插件地址,https://chrome.google.com/webstore/detail/nbhcbdghjpllgmfilhnhkllmkecfmpld ,由于某些原因无法在线安装或者下载,我这里提供一个离线版本,具体安装方法可自行搜索:浏览器名字+crx 离线安装。 2. 安装好以后,参考图片,进入设置页面 3. 参考图片,在框选部分1,2 分别填入以下内容: 1 https://appamvpb5mq9834.h5.xiaoeknow.com 2) body{background: #f5f7fa;} .last-page{left:calc(50% - 240px - 174px - 200px)!important} #app-layout{max-width: 880px!important} #app{max-width: 880px !important} #xePreview.xe-preview .xe-preview__container .xe-preview__content *{line-height: 28px !important;} .course-tabs .tabs-container.is-fixed[data-v-36043ec5]{max-width: 880px!important;} .course-tabs .tabs-container .tabs[data-v-36043ec5]{max-width: 880px!important} .course_bottom_float_conatainer[data-v-29199918]{max-width: 880px!important;} @media (min-width: 480px) { .float-share-btn .share-button[data-v-8afa7e26] { right: calc(50% - 240px - 200px) !important; } } 按Ctrl+S保存,或者按右上角Save进行保存即可。 现在再回去小鹅通文章内容页面刷新,你会发现就如同图2一样,相对好看的多,如果你懂一些 CSS 的话,你就可以自定义你想要的样式了。 扩展: 这个浏览器插件可以实现简单的 js 和 css 的注入,最简单的就是注入css,实现页面的样式修改,然后还可以插入一些 js(javascript脚本)代码,实现更多玩法,我本人玩过的一些东西: 1. 屏蔽登录弹窗页面 2. 页面样式优化 3. 去除页面水印 4. 去除复制等限制 5. 页面链接自动加上点击功能 6. 页面增加各种常用链接,SEO常用,比如查看网站权重,增加whois,收录查询等各种功能快速链接 7. 下载页面减少中间页(之前有论坛下载附件,会弹出一个新的页面,才能继续点击下载) 8. 网站后台管理,批量化功能增强(不修改原网站代码) 9. 网站隐藏功能,增加入口 10. 一键抓取网页数据(单页面,多页面)并自动下载 由于以上对 javascript 基础有要求,所以这些功能,相对普通人实现比较难,这里仅作简单介绍,简单的抛砖引玉。有更专业的插件和现成的功能增强代码市场,比如 油猴,暴力猴等等,有这方面需要的也可以去看看。 感谢你的阅读,如果内容对你但凡有一点点帮助,都是对你我能量的提升。

Comments on "小鹅通PC网页版阅读增强" :

Leave a Reply

Your email address will not be published. Required fields are marked *

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源