某Q阅读网页版正文JS+CSS解密教程

该教程仅供技术交流，并且无法获得正常正文（字体解密无解），可以参考一下JS+CSS解密流程（比较简单）
某些原因，该教程无法写过于详细，但是核心步骤都会给出
获取网页源代码，可以在末尾找到fkconfig和content
content通过js加密，具体加密js可通过浏览器网络抓包获取，得到：

1. window = global;
   
2. window.self = window;
   
3. window.outerHeight = 1030
   
4. window.innerHeight = 940
   
5. location = {
   
6.     protocol: "https:",
   
7.     hostname: "book.qq.com",
   
8. }
   
9. navigator = {
   
10.     userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36',
    
11. }
    
12. window.Fock = require('./work')
    
13. var beimu = {
    
14.     initFock: function initFock(fkConfig) {
    
15.         var fuid = fkConfig.fuid;
    
16.         window.Fock.setupUserKey(fuid);
    
17.         try {
    
18.             eval(atob(fkConfig.fkp))
    
19.         } catch (e) {
    
20.             console.error("fkp errpr", e)
    
21.         }
    
22.     },
    
23.     showContent: function (fkConfig, data, e) {
    
24.         this.initFock(fkConfig);
    
25.         window.Fock.unlock(data, String(e), (function () {
    
26.             debugger;
    
27.             var res = arguments[1];
    
28.             console.log(btoa(encodeURI(res)))
    
29.         }))
    
30. 
    
31.     }
    
32. }
    
33. var fkConfig = __fk_config__
    
34. var content = '__page_content__'
    
35. var page_num = "__page_num__"
    
36. beimu.showContent(fkConfig, content, page_num)

复制代码

然后Python调用js：

1. import subprocess
   
2. import json
   
3. import base64
   
4. from urllib.parse import quote,unquote
   
5. 
   
6. with open('main_module.js','r',encoding='utf-8') as f:
   
7.     js_code = f.read()
   
8. page_num = 84
   
9. 
   
10. js_code = js_code.replace('__fk_config__',json.dumps(fkConfig))
    
11. js_code = js_code.replace('__page_content__',content)
    
12. js_code = js_code.replace('__page_num__',str(page_num))
    
13. 
    
14. 
    
15. with open('main.js','w',encoding='utf-8') as f:
    
16.     f.write(js_code)
    
17. 
    
18. res = subprocess.check_output(['node','main.js'],text=True).strip()
    
19. 
    
20. res = base64.b64decode(res).decode('utf-8')
    
21. res = unquote(res)
    
22. 
    
23. print(res)

复制代码

然后得到JS解密后的内容，类似于：
<p class="p0"><y4v>㺹</y4v><ykz>㐃</ykz><yht>妻</yht><yni>择</yni><yku>㐂</yku><y86>迅</y86>
接着看抓包后的style.css，进行css解密
核心代码：

1. # 定义正则表达式，适配多行内容
   
2. order_pattern = re.compile(r"(\S+)\s*\{\s*order:\s*(\d+);?\s*\}")
   
3. xpath_pattern = re.compile(r"\.(\S+)\s(\S+)\s+\{")
   
4. 
   
5. css_file = cssutils.parseFile('style.css')
   
6. 
   
7. 
   
8. selector = etree.HTML(text=html_text)
   
9. name_list = set()
   
10. 
    
11. for rule in css_file:
    
12.     x_matches = xpath_pattern.findall(rule.cssText)
    
13.     if len(x_matches)>=1:
    
14.         class_name = x_matches[0][0]
    
15.         tag_name = x_matches[0][1]
    
16. 
    
17.         if "::" in tag_name:
    
18.             tag_a = tag_name.split("::")[1]
    
19.             tag_name = tag_name.split("::")[0]
    
20.             # print(tag_a)
    
21.             name_list.add(tag_a)
    
22.             xpath_ste = '//*[@class="{}"]/{}'.format(class_name, tag_name)
    
23.             tag = selector.xpath(xpath_ste)[0]
    
24.             if tag_a =='before':
    
25.                 t = tag.text
    
26.                 if t is None:
    
27.                     t = ''
    
28.                 c = re.search('content:\s(\S+)\\n',rule.cssText)
    
29. 
    
30.                 if c:
    
31.                     c = c.group(1)
    
32.                     if c.find('attr')!=-1:
    
33.                         a = re.search('attr\((\S+)\)',c).group(1)
    
34.                         v = tag.attrib.get(a)
    
35.                         t = "{}{}".format(v,t)
    
36.                     else:
    
37.                         t = "{}{}".format(c.replace('"',''),t)
    
38.                     tag.text = t
    
39.                         # print('debugger')
    
40.             elif tag_a =='first-letter':
    
41.                 if rule.cssText.find('font-size: 0') != -1:
    
42.                     t = tag.text[1:]
    
43.                     tag.text = t
    
44.                     # print(t)
    
45.             elif tag_a =='after':
    
46.                 t = tag.text
    
47.                 if t is None:
    
48.                     t = ''
    
49.                 c = re.search('content:\s(\S+)\\n', rule.cssText)
    
50. 
    
51.                 if c:
    
52.                     c = c.group(1)
    
53.                     if c.find('attr') != -1:
    
54.                         a = re.search('attr\((\S+)\)', c).group(1)
    
55.                         v = tag.attrib.get(a)
    
56.                         t = "{}{}".format(t,v)
    
57.                     else:
    
58.                         t = "{}{}".format(t, c.replace('"',''))
    
59.                     tag.text = t
    
60.                         # print('debugger')
    
61. 
    
62.     else:
    
63. 
    
64.         if rule.cssText.find('font-size: 0') != -1:
    
65.             class_name = re.search('\.(\S+)\s\{',rule.cssText).group(1)
    
66.             xpath_ste = '//*[@class="{}"]'.format(class_name)
    
67.             tag_list = selector.xpath(xpath_ste)
    
68.             for tag in tag_list:
    
69.                 tag.text = ''
    
70.         
    
71.     if rule.cssText.find('scalex') != -1:
    
72.         # 这里是字符反转 未作指定使用
    
73.         pass

复制代码

接着，遍历CSS文件中的规则并提取键值对

1. order_key_value_pairs = []
   
2. for rule in css_file:
   
3.     order_matches = order_pattern.findall(rule.cssText)
   
4.     if order_matches:
   
5.         order_key_value_pairs.extend(order_matches)
   

复制代码

最后的处理：

1. order_key_value_dict = {key: int(value) for key, value in order_key_value_pairs}
   
2. 
   
3. selector = etree.HTML(text=modified_html_string)
   
4. p_list = selector.xpath('/html/body/p')
   
5. html_text_list = []
   
6. for p in p_list:
   
7.     if p.attrib.get('class'):
   
8.         name_list = p.xpath('./*')
   
9.         # 按照 order_key_value_dict 中的值对 name_list 进行排序
   
10.         name_list_sorted = sorted(name_list, key=lambda x: order_key_value_dict.get(x.tag, float('inf')))
    
11.         text = "".join([etree.tostring(_, pretty_print=True).decode('utf-8') for _ in name_list_sorted])
    
12.         # 创建一个新的 <p> 元素，保留原来的属性
    
13.         new_p = etree.Element(p.tag, attrib=p.attrib)
    
14.         for element in name_list_sorted:
    
15.             new_p.append(element)
    
16. 
    
17.         # 将新的 <p> 元素序列化为字符串
    
18.         result = etree.tostring(new_p, pretty_print=True).decode('utf-8')
    
19.     else:
    
20.         result = etree.tostring(p, pretty_print=True).decode('utf-8')
    
21.     # print(result)
    
22.     html_text_list.append(result)
    
23. html_text = "".join(html_text_list)
    
24. # print(html_text)
    
25. #
    
26. old_woff = UniversalFontRecognition('fixed.m4mlmb6d.woff2')
    
27. random_woff = UniversalFontRecognition('font.ttf')
    
28. old_recognition_result = old_woff.crack()
    
29. random_recognition_result = random_woff.crack()
    
30. 
    
31. def replace_with_upper(match):
    
32. 
    
33.     r = old_recognition_result.get(int(match.group(1)))
    
34.     if r:
    
35.         return r
    
36.     else:
    
37.         return random_recognition_result.get(int(match.group(1)))
    
38. new_text = re.sub("&#(\d+?)\;", replace_with_upper, html_text)
    
39. print(new_text)

复制代码

得到最终内容，使用了自定义字体，但由于字体是随机的，无法进行打表解密
不过可以参考以上的JS+CSS解密流程，仅供交流学习使用

路҈̣͉̮͍̩̜̞̘̥̟̜̠͔̭̭̙̯̘̞̥̣̓́̒̓̋͌͗̊̅̓̓͌͆̑͐̀ͅ过҉̲̤̖̳̙̠̫̘̯̤̦͓̘̰̐͐̋̍̉̓͑̃̏͌͂͌̍͗́̊̍͒͆̚ͅ

小白 路过。

路过

感谢分享

路过

看看

感谢分享