不明白这种网页显示的文本是怎么变得的前端文本不一样的

刺猬君

)

如图所示，网页显示的文本与F12查看到的文本是不同的，请问各位大佬们这种是怎么实现的啊？

小白一个，勿喷，诚信求教

刺猬君

https://wwd.lanzout.com/ixL2m22i4ana

大佬们，这个是下下来的那个网页文件，能不能帮忙分析下啊

mr88fang

我来、直接上代码，上效果

书签脚本

浏览器书签栏

1. ->右键
2. 添加网页
3. 名称输入字体解码，可以随便写
4. 网址输入下面代码，点击保存
5. 打开这个文件我见春棠_files/我见春棠_files/indexv3.html
6. 点击刚才添加书签脚本，就可以自动解码了
7. Ctrl键+S键保存网页解码完成

代码

javascript:function fontDecoding(){const points=["7684","8FD9","4EBA","4EE5","8FDB","4E0A","4F5C","5176","5B66","80FD","6CD5","7406","6765","751F","4E2D","4E00","4E2A","4E0D","4E1A","6587","662F","63D0","4E4B","65F6","56FD","540C","5230","9AD8","4E86","5728","5927","548C","5BF9","6709","8981","4E3A","6211","53D1"];const indices=["一","人","大","文","生","高","上","不","业","个","中","为","之","了","以","作","其","到","发","同","和","国","在","学","对","我","提","时","是","有","来","法","理","的","能","要","这","进"];const decodeing=(text)=>{let target='';for(let i=0;i<text.length;i++){let code=text.charCodeAt(i).toString(16).toUpperCase();const find=points.findIndex(item=>item===code);if(find!=-1){target+=indices[find]}else{target+=text[i]}}return target};const els=[...document.querySelectorAll("#app > div > div.zhu > div > p")];els.forEach((el,index)=>{const text=el.innerText;const d=decodeing(text);el.innerText=decodeing(text);if(index===els.length-1){document.querySelector('.zhu').classList=[];alert('解码完成')}})}fontDecoding();

q889518

办法很多的 JS 替换 CSS伪元素都可以实现

a3131311026

css伪类

[HTML] 纯文本查看 复制代码

<div id='content'>
    <span>今天</span>
</div>
 
 
<style>
    #content span{
        display: none;
    }
    #content:after{
        content: '当月';
    }
</style>

鹿坪

字体反爬手段，自己制作字体，把里面的字符和对应的字符编码打乱，只有自己知道怎么还原，相当于加密。

li19980414

F12查看到的文本是你本地的字体吧，你看其他网页的F12字体应该都一样的吧，这个网页看他的字体css属性 font-family

42328669425

之前这个站貌似有个对应网址可复制
现在不清楚

刺猬君

li19980414 发表于 2024-6-23 11:52
F12查看到的文本是你本地的字体吧，你看其他网页的F12字体应该都一样的吧，这个网页看他的字体css属性 font ...

字体属性是ancd, sans-serif，那他为什么网页显示的和本地的不一致呢？

刺猬君

42328669425 发表于 2024-6-23 12:40
之前这个站貌似有个对应网址可复制
现在不清楚

倒是可以复制，但是复制下来的文字不对，所以很奇怪