破解纽约时报内容墙

Admin Lv3

2024-07-10 02:46:59 2024-07-10 02:46

IT

看篇nytimes的文章居然还要登录,看多了还要收钱,真是太过分了…

什么是内容墙

在现代数字媒体中，内容墙（Paywall）是一种常见的商业策略，用于限制用户访问在线内容，除非他们满足特定条件，如登录、订阅或支付费用。内容墙的主要目的是通过提供高质量、独特的内容，吸引用户付费或注册，进而支持内容创作者和媒体平台的运营。

– Chatgpt

删除内容墙

右击内容墙找到其根元素节点

1	<div data-testid="onsite-messaging-unit-gateway" ...>

右击选择删除
此时内容墙消失了,但是页面仍然是被固死的

解除页面固定

猜测nytimes通过CSS里的overflow属性来固定的,找到文章的容器元素

1	<div class="vi-gateway-container css-mcm29f" data-testid="vi-gateway-container">

搜索overflow属性,发现其值为hidden,验证了猜想
overflow的设计初衷是让网页能够优雅地处理页面超出屏幕的部分,而非如此
将hidden改成auto,页面可以滑动了

操作演示

1. 什么是内容墙
2. 删除内容墙
3. 解除页面固定
4. 操作演示

$shields-style-height = 22px .footer { padding 1rem 0 color var(--text-color-4) font-size 1rem a { color var(--text-color-4) &:hover { color var(--primary-color) } &.no-pointer { pointer-events none } } .website-info-box { display flex flex-direction column align-items center justify-content center &.shields { padding 0 1rem img { height $shields-style-height !important } a { position relative display inline-flex box-sizing border-box text-decoration none } .shields-item .count-box { margin 0.3rem 0.2rem user-select none } } +keep-mobile() { &.shields { .shields-item .count-box { margin 0.12rem -0.3rem transform scale(0.9) transform-origin center center } } } .info-item { position relative display flex flex-wrap wrap align-items center justify-content center box-sizing border-box color var(--text-color-4) &.shields { .count-box { display flex justify-content flex-start height $shields-style-height color #f2f2f2 font-size 12.6px .item-type .item-value { display flex align-items center height 100% padding 0 6px } .item-type { margin-right 0 background #555555 } .item-value { &.uv { background coral } &.pv { background orange } &.word { background indianred } } } } &.default { margin 0.2rem 0 .count-box { margin-right 15px &::before { position absolute top 50% left -10px box-sizing border-box transform translateY(-55%) content '|' } &:first-child { &::before { display none } } &:last-child { margin-right 0 } .item-type { margin-right 4px } } } &.count-item { display flex .count-box { &.uv &.pv { display none } } } &.deploy-info { display flex a .tooltip { display flex align-items center } img { height 1.08rem margin 0 0.4rem } } } } .icon-animate { animation heartbeat-animate 1.2s ease-in-out infinite } }

1. 什么是内容墙
2. 删除内容墙
3. 解除页面固定
4. 操作演示