小鹅通PC网页版阅读增强 背景: 生财有术上线了《生财思维课》(

小鹅通PC网页版阅读增强

背景:
生财有术上线了《生财思维课》(链接),阅读平台是在小鹅通,而我平时更倾向使用 PC 进行阅读,奈何小鹅通的 PC 网页样式着实有点难看,于是我简单给他增强了一点样式,以实现更舒适的阅读体验。

PS:平时写作不多,如果有写得不好的地方,请不吝赐教,非常感谢!

阅读本文,你可以获得:
1. 生财有术店铺,小鹅通 PC 网页版文章内容样式增强
2. 通用 PC 页面样式自定义方法
3. 一个非常强大且简单的自定义js和css的浏览器插件

操作流程:
1. 安装浏览器插件 User JavaScript and CSS
适用于 chromium 内核浏览器(如Chrome,Microsoft Edge,360极速模式等),插件地址,链接 ,由于某些原因无法在线安装或者下载,我这里提供一个离线版本,具体安装方法可自行搜索:浏览器名字+crx 离线安装。

2. 安装好以后,参考图片,进入设置页面

3. 参考图片,在框选部分1,2 分别填入以下内容:
1
链接
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 基础有要求,所以这些功能,相对普通人实现比较难,这里仅作简单介绍,简单的抛砖引玉。有更专业的插件和现成的功能增强代码市场,比如 油猴,暴力猴等等,有这方面需要的也可以去看看。

感谢你的阅读,如果内容对你但凡有一点点帮助,都是对你我能量的提升。小鹅通PC网页版阅读增强

背景:
生财有术上线了《生财思维课》(小鹅通PC网页版阅读增强

背景:
生财有术上线了《生财思维课》(小鹅通PC网页版阅读增强

背景:
生财有术上线了《生财思维课》(小鹅通PC网页版阅读增强

背景:
生财有术上线了《生财思维课》(

生财

沐泽-六脉神剑-生财嘉宾分享逐字稿分享,这六点一定要看,上一个没看的圈友已经拍断大腿了![旺柴]

2024-4-9 21:25:42

生财

新手做不好闲鱼高客单卖货的10大原因

2024-4-20 5:06:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索