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)放大三倍,