Discuz! X3.5手機自適應網頁代碼

1. 在後台統計放入如下代碼：

1. <script>
   
2. const mobileWidth = 650
   
3. const style = document.createElement('style')
   
4. style.innerHTML = `.m_c .tedt, #subjecthide, .m_c .quote, .rfm {width:100%!important}`
   
5. const metaViewport = document.createElement('meta')
   
6. metaViewport.setAttribute('name', 'viewport')
   
7. metaViewport.setAttribute('content', 'width=device-width, initial-scale=1, user-scalable=0, viewport-fit=cover')
   
8. document.head.appendChild(metaViewport)
   
9. document.querySelector('body').style.minWidth = '0'
   
10. document.getElementById('toptb').style.minWidth = '0'
    
11. let isMobile = false
    
12. if (window.innerWidth<=mobileWidth) {
    
13.   isMobile = true
    
14.   window.addEventListener("DOMContentLoaded", ()=>{document.querySelector('#frt').style.display = 'none'})
    
15.   mobileLayout()
    
16. }
    
17. function mobileLayout() {
    
18.   document.querySelectorAll('.wp, #scbar_txt').forEach(element => {element.style.width = 'auto'})
    
19.   document.querySelectorAll('.fl_i, .fl_by, .num, #boardlogo, .category_l3, .pls').forEach(element => {element.style.display = 'none'})
    
20.   document.querySelectorAll("#wp, #ft, .hdc.cl").forEach(element => {element.style.padding = '10px'})
    
21.   document.querySelectorAll('.by').forEach(e => e.parentNode.parentNode.querySelector('.by').style.display = 'none')
    
22.   if(document.querySelector('#frt')) document.querySelector('#frt').style.display = 'none'
    
23.   if(document.querySelector('#fastposteditor')) document.querySelector('#fastposteditor').style.marginRight = '0'
    
24.   document.querySelectorAll('.pi').forEach(el => el.querySelectorAll('strong').forEach(node => node.style.display = 'none'))
    
25.   document.head.appendChild(style)
    
26.   document.querySelectorAll("img.zoom").forEach(img => img.style.maxWidth = '100%')
    
27. }
    
28. function pcLayout() {
    
29.   document.querySelectorAll('.wp').forEach(element => {element.style.width = '1200px'})
    
30.   document.querySelector('#scbar_txt').style.width = '480px'
    
31.   document.querySelectorAll('.fl_i, .fl_by, .num, #boardlogo, .category_l3, .pls, #frt').forEach(element => {element.style.display = ''})
    
32.   document.querySelectorAll("#wp, #ft, .hdc.cl").forEach(element => {element.style.padding = ''})
    
33.   document.querySelectorAll('.by').forEach(e => e.parentNode.parentNode.querySelector('.by').style.display = '')
    
34.   if(document.querySelector('#fastposteditor')) document.querySelector('#fastposteditor').style.marginRight = '170px'
    
35.   document.querySelectorAll('.pi').forEach(el => el.querySelectorAll('strong').forEach(node => node.style.display = ''))
    
36.   document.head.removeChild(style)
    
37. }
    
38. window.addEventListener('resize', ()=>{
    
39.   if (window.innerWidth<=mobileWidth) {
    
40.     if (isMobile) return
    
41.     isMobile = true
    
42.     mobileLayout()
    
43.   } else {
    
44.     if (!isMobile) return
    
45.     isMobile = false
    
46.     pcLayout()
    
47.   }
    
48. })
    
49. </script>

複製代碼

2. 站點寬窄風格改成窄屏(固定寬度)，允許用戶自由切換改成否
3. 作者用戶名顯示位置改成顯示在帖子內部
4. 快速發帖右側顯示推薦表情改成否
5. 僅適用於Discuz! X3.5默認主題，不適用3.4