1. 程式人生 > >electronic-wechat高分屏下的縮放修改

electronic-wechat高分屏下的縮放修改

electronic-wechat是基於網頁版微信開發的nodejs版微信客戶端,可以在linux下使用。由於我的筆記本是高解析度的,所以字型看起來特別小,打字和讀訊息特別費勁。早上起來沒什麼事做,就開始折騰吧。

首先可以通過選單欄的工具開啟開發人員工具,發現其實就是個chrome除錯。那麼這裡肯定可以通過改樣式的方式改字型大小了,弄了一下,確實可以,只是要改好幾個地方的字型,每次啟動都這樣改一下略顯麻煩。

查了html如何縮放整個網頁,發現只要在body裡面加zoom屬性就可以了,這很便捷。只需要改一個地方就滿足我的需求了。
這裡寫圖片描述
過了會兒覺得還是不滿意,我想要啟動時就能自動縮放,而不是手動改一下。覺得應該可以改下程式碼來實現,就在github上下載了原始碼來編譯。
首先需要安裝nodejs環境 sudo apt-get install nodejs npm

。 使用npm install && npm start編譯執行,期間解決了我電腦的兩個編譯問題。一個是報錯命令node找不到,這個只需要把nodejs軟連結到node即可,還有一個是什麼socket超時,我開了翻牆軟體再試就過了。

沒接觸過nodejs,這程式碼也看不太懂,就grep了一下zoom。找到一處webFrame.setZoomLevelLimits(1, 1);,查了下百度知道它相關的縮放函式setZoomFactor,就隨便改了下,發現真縮放了。但是視窗太小,顯示不全,於是再把視窗弄大一點就好了。如下是具體改動點:

放大了1.3倍

[email protected]
:~/software/wechat/electronic-wechat$ git diff diff --git a/src/common_cn.js b/src/common_cn.js index 11c354e..d335755 100644 --- a/src/common_cn.js +++ b/src/common_cn.js @@ -9,20 +9,20 @@ Common.ELECTRON = 'Electron'; Common.ELECTRONIC_WECHAT = 'Electronic WeChat'; Common.DEBUG_MODE = false; Common.WINDOW_SIZE = { - width: 800,
- height: 600, + width: 800*1.3, + height: 600*1.3, }; Common.WINDOW_SIZE_LOGIN = { - width: 380, - height: 540, + width: 380*1.3, + height: 540*1.3, }; Common.WINDOW_SIZE_LOADING = { - width: 380, - height: 120, + width: 380*1.3, + height: 120*1.3, }; Common.WINDOW_SIZE_SETTINGS = { - width: 800, - height: 600, + width: 800*1.3, + height: 600*1.3, }; Common.USER_AGENT = { diff --git a/src/inject/preload.js b/src/inject/preload.js index 0b4ddc9..2d1246a 100644 --- a/src/inject/preload.js +++ b/src/inject/preload.js @@ -20,7 +20,9 @@ class Injector { this.initAngularInjection(); this.lastUser = null; this.initIPC(); - webFrame.setZoomLevelLimits(1, 1); + webFrame.setZoomLevelLimits(1, 2); + + webFrame.setZoomFactor(1.3); new MenuHandler().create(); }

掃碼時的介面:
這裡寫圖片描述
可以看到字型圖片都放大了,標題欄字型很小,不過我並不care這個。
雖然並不懂他的程式碼,還是跌跌撞撞改好了,真開心 ^_^。

相關推薦

electronic-wechat高分修改

electronic-wechat是基於網頁版微信開發的nodejs版微信客戶端,可以在linux下使用。由於我的筆記本是高解析度的,所以字型看起來特別小,打字和讀訊息特別費勁。早上起來沒什麼事做,就開始折騰吧。 首先可以通過選單欄的工具開啟開發人員工

【技巧】修改windows10在高分的應用的dpi

我使用的是surface pro3,擁有2K的解析度。 同時,我很熱衷新事物所以,我使用了windows10 的最新版,並且啟用了高dpi設定(150左右)。 之後就發現一些老軟體如photoshop、Articulate Storyline、百度網盤等應用由於沒有為高DPI優化,所以開啟後看到UI介面中的

iOS開發:UILabel字號根據

control after call git 步驟 obj gin begin follow 場景: 假設我們有這樣一個需求,iPhone 6(屏幕寬度為375pt)上的設計圖上的字號為17pt,iPhone 6 Plus上的字號根據屏幕寬度縮放,即字號為(17pt x 4

Eclipse在高分圖示過小的解決方法

自己敗了一臺Surface Pro 4,打算用來看PDF、練程式碼。 安裝了Eclipse並且開啟之後,發現圖示顯示極其細小,肉眼幾乎無法看清了。這是由於Eclipse對高分屏沒有作適配導致的。 Windows 10本身對於高分屏的支援已是相當不錯,蘇菲4的螢幕

C#在高分上讓窗體程序忽略系統的顯示

bool pos nbsp render services col etc thread text [STAThread] static void Main() { if (Environment.OSVersion.Version.Major &

Android橫豎切換View設置不同尺寸或等比例的XML解決方案

fill 文件結構 nts mas hang 同名 log lan spa 在一些應用中,涉及到橫豎屏切換,View要切換成不同大小比例尺寸。為解決這種開發場景,有多種解決方案,比如可以重寫View,實現橫豎切換在onMesure或者此類View的回調方法裏面重新測量重新繪

正交相機實現滾輪按鈕拖動,滾動滾輪的功能

pix spa serial ext 分享 內容 onu bject 開始 實現了一個功能,鼠標滾輪鍵按下可以拖動視野內的物體全體(其實是相機自己在移動),滾動滾輪可以縮放內容(其實是改變相機視野大小) 效果如下 代碼奉上 1 using UnityE

html 網頁背景圖片根據幕大小CSS自動

val apple back clas 交互 dde fun 效果 而且 https://blog.csdn.net/coslay/article/details/47109281 騰訊微博和QQ空間的登錄背景圖片是根據訪客的屏幕大小自動縮放的,但是好像是用JQuery代碼

通過scaleType裁剪大發888源碼下載圖片適配不同幕不同

伸縮 屏幕 ntb 手機 放大 重要 height 區域 XML 後特意大發888源碼下載論壇:haozbbs.com Q1446595067設置一個ImageView寬高均為600pix。觀察不同scaleType配置下,Android對原圖的裁剪縮放效果。左側為代碼,右

AE開發之默認滾輪功能反置(C#修改註冊表數據)

arcgis closed wheel engine user 直接 clas for sem ArcMap默認的滾輪縮放是向下放大,向上縮小 如果想修改成向上放大,向下縮小,直接在ArcMap-Customize-ArcMap Options裏, 將最下面的Mouse W

Firefox修改默認比例

vpd 原因 不用 fault 修改 ons ext firefox images 看過好幾個文章,都說改Firefox默認縮放比進入about:config改layout.css.devPixelsPerPx試了好幾個數,似乎瀏覽器上方有大小變化,開個網頁根本就不放大。最

vue中實現圖片全預覽,支援移動端

# 安裝 npm install vue-photo-preview --save   # 引入 import preview from 'vue-photo-preview' import 'vue-photo-preview/dist/skin.css' Vue.use(pr

Firefox修改預設比例

看過好幾個文章,都說改Firefox預設縮放比進入about:config改layout.css.devPixelsPerPx試了好幾個數,似乎瀏覽器上方有大小變化,開個網頁根本就不放大。最好的辦法就是用個外掛:Zoom Page WE.將Default Full Level改成120,開啟頁面就是120%的

Linux和Mac的微信電腦版electronic-wechat 非官方

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

VM VirtualBox 全模式 && 自動模式 相互切換

-s 快捷 box 主菜單 縮放 分享 inf 總結 宋體 【1】自動縮放模式 熱鍵Host + C 偶然一次機會,把虛擬機切換為了自動縮放模式,如下圖: 想要再切換為全屏模式,發現不知如何操作,後來折騰了一會兒,切換成功。以此備錄一下。 【2】切換為全屏模式 熱

雲風的 BLOG: 用 2d 及斜切變換模擬斜視角的旋轉

我對牆壁的旋轉很感興趣,一開始以為是預渲染了若干張圖。後來試著解開了 .kwad 資源包(可自行 google 到工具)發現裡面的資源圖片只有一或兩張。ps. 圖片是用 zlib 壓縮過的 RGBA 點陣圖,格式也可以 google 到。 以門為

幕的時候banner被壓縮變形!

pos 目的 sets 變形 left html ner over 實現圖 大家在做項目的時候有沒有遇到一個問題呢 就是一張圖片寬度100% 在縮放屏幕的時候圖片會被壓縮變形!!!那麽怎麽才能實現圖片始終居中而不被壓縮變形呢? 接下來讓我帶領大家解決這個問題

Android O 修改開發者選項中動畫的預設值

frameworks/base/core/res/res/values/config.xml <item name="config_appTransitionAnimationDurationScaleDefault" format="float" type="di

scrollView 向偏移64個點的問題以及 scrollView 的問題

第一個問題:scrollView 向下偏移的問題 原因 在iOS7之前是沒有這個問題的,後來蘋果更新出自動適配,在控制器裡增加了一個新屬性automaticallyAdjustsScrollViewInsets預設為YES,通過字面意思大家應該就發現了,開啟ScrollView自動調整,就是

實現ipad上的內嵌webview手勢圖片(修改版,解決在第一張圖片放大的情況翻到一張圖片無法放大的問題) 基於Quo(js庫)

      這是自己在一個專案中用到的,可以根據手勢(兩個手指的拖放放大1.2,1.4,1.6倍圖片,然後捏放下回復到原來大小,只要修改引數就可以無限放大和縮小圖片的倍數) 下面是quo支援的手勢: 以下為實現ipad  iso 上面的web頁面(jsp)放大三倍,