kiến thức Tổng hợp những addon chất cho Firefox / Chromium

Cách để thêm url vOz (subforums/threads) hay url từ các trang có PWA vào màn hình điện thoại Android (chứ không phải cài cái PWA chỉ mở trang chủ)

Tải Header Editor cho Firefox Android.

Thêm "custom function" như sau, chỗ nháy cuối là 2 nháy đơn:

Screenshot_20230823_091753_Firefox Beta.jpg


Screenshot_20230823_083303_Firefox Beta.jpg
Screenshot_20230823_083309_Firefox Beta.jpg
Screenshot_20230823_083131_One UI Home.jpg

Đổi rule sang regex match và thêm các trang có PWA khác nếu cần.

Update: bên dưới có code ngon hơn từ bác thớt.
 
Last edited:
Cách để thêm url vOz (subforums/threads) vào màn hình điện thoại Android (chứ không phải cài cái vOz PWA)

Tải Header Editor cho Firefox Android.

Thêm "custom function" như sau, chỗ nháy là 2 nháy đơn:

View attachment 2030974

Xong, giờ thoải mái add bất kỳ url nào của vOz.

Tạo shortcut này còn cái hay nữa là dùng sesame để search nhanh ra được.
 
e chưa dùng gì cả, e tưởng giống như file host phệt vào config của mpv là được, cần phải làm thêm gì à bác, e đang chạy goodbyedpi rồi
Miêu thì chưa sài goodbyedpi nên không rành. Fen tìm đọc docs của nó hoặc hỏi các fence khác xem :cautious:
 
Cách để thêm url vOz (subforums/threads) hay url từ các trang có PWA vào màn hình điện thoại Android (chứ không phải cài cái PWA chỉ mở trang chủ)

Tải Header Editor cho Firefox Android.

Thêm "custom function" như sau, chỗ nháy cuối là 2 nháy đơn:

View attachment 2031065
Xong, giờ thoải mái add bất kỳ url nào của vOz.


Đổi rule sang regex match và thêm các trang có PWA khác nếu cần.
Để tăng hiệu năng và tính chính xác có thể sửa thành:

return val.replace('<link rel="manifest" href="/webmanifest.php">', '')

Cho nó không dùng RegEx (chậm hơn text replace thường) nữa và chỉ replace 1 lần duy nhất, để /g nghĩa là nó sẽ lặp lại tới khi nào hết trang.
 
@toi la gay :sosad: Khi nào có thời gian nhờ bạn xem thử addons này : https://github.com/tridactyl/tridactyl
Về mặc chức năng thì nó tương tự như Vimium tức là làm được những chức năng sau:
  • Hint link để mở link được tham chiếu bằng phím : f
  • Nhảy qua sang các page liền kề bằng phím: [[/]]
  • Truy cập các tab bằng phím : b
  • ...
Nhưng tridactyl còn nhiều trò hơn ví dụ như:
  • Lấy link dạng markdown: ym
  • Copy trong đoạn text: ;p
  • Đặc biệt là nếu thêm https://github.com/tridactyl/native_messenger cài bằng
    Code:
    :nativeinstall
    thì nó mở rộng thêm chức năng của firefox rất nhiều.
    • Mở khung soạn thảo đang Input ra trình soạn thảo bên ngoài bằng Ctrl + i.
    • Hoặc là mở luôn video youtube bằng mpv (Mình không còn dùng EA nữa rồi) : https://streamable.com/oja9dc

Highlighted features:​


  • f/F — enter the "hint mode" to select a link to follow. F to open it in a background tab. (Note: hint characters should be typed in lowercase.)
  • Shift + Insert or Ctrl-Alt-Escape — enter "ignore mode" to send all key presses to the web page you are on. Press Shift + Insert or Ctrl-Alt-Escape again to return to the highly productive "normal mode".
  • H/L — go back/forward in the history.
  • o/O — open a URL in this tab (O to pre-load current URL).
  • t/T — open a URL in a new tab (T to pre-load current URL).
  • gt/gT — go to the next/previous tab.
  • d — close the current tab.
  • <C-,> — "escape hatch": get to a place where you can use Tridactyl. Works anywhere in the browser.
  • / — open the find search box. Use ctrl + g/G to cycle through search results.
  • b — bring up a list of open tabs in the current window.
  • s — if you want to search for something that looks like a domain name or URL.
  • gi — scroll to and focus the last-used input on the page.
  • gr — open Firefox reader mode (note: Tridactyl will not work in this mode).
  • Bind your own commands with, e.g., :bind J tabprev. Type :help bind to see help on custom binds.
  • yy — copy the current page URL to your clipboard.
  • [[/]] — navigate forward/backward though paginated pages.
  • ZZ — close all tabs and windows, but it will only "save" them if your about:preferences are set to "show your tabs and windows from last time".
  • <C-v> – send a single keystroke to the current website, bypassing bindings by entering ignore mode temporarily
  • <C-o> – run a single normal mode binding when in ignore mode
  • :help hint to see all the other useful hint modes (this is the f magic. :) ).
  • :help <keybinding> to learn more about what a specific key binding does.
  • :colours [dark|quake|...] to change Tridactyl's theme (and the colour of this page)
 
Last edited:
@toi la gay :sosad: Khi nào có thời gian nhờ bạn xem thử addons này : https://github.com/tridactyl/tridactyl
Về mặc chức năng thì nó tương tự như Vimium tức là làm được những chức năng sau:
  • Hint link để mở link được tham chiếu bằng phím : f
  • Nhảy qua sang các page liền kề bằng phím: [[/]]
  • Truy cập các tab bằng phím : b
  • ...
Nhưng tridactyl còn nhiều trò hơn ví dụ như:
  • Lấy link dạng markdown: ym
  • Copy trong đoạn text: ;p
  • Đặc biệt là nếu thêm https://github.com/tridactyl/native_messenger cài bằng
    Code:
    :nativeinstall
    thì nó mở rộng thêm chức năng của firefox rất nhiều.
    • Mở khung soạn thảo đang Input ra trình soạn thảo bên ngoài bằng Ctrl + i.
    • Hoặc là mở luôn video youtube bằng mpv (Mình không còn dùng EA nữa rồi) : https://streamable.com/oja9dc
Nhìn khá là hay ho, thanks bác, để về em nghịch thử xem sao
q67Gd9d.png
 
@toi la gay :sosad: Khi nào có thời gian nhờ bạn xem thử addons này : https://github.com/tridactyl/tridactyl
Về mặc chức năng thì nó tương tự như Vimium tức là làm được những chức năng sau:
  • Hint link để mở link được tham chiếu bằng phím : f
  • Nhảy qua sang các page liền kề bằng phím: [[/]]
  • Truy cập các tab bằng phím : b
  • ...
Nhưng tridactyl còn nhiều trò hơn ví dụ như:
  • Lấy link dạng markdown: ym
  • Copy trong đoạn text: ;p
  • Đặc biệt là nếu thêm https://github.com/tridactyl/native_messenger cài bằng
    Code:
    :nativeinstall
    thì nó mở rộng thêm chức năng của firefox rất nhiều.
    • Mở khung soạn thảo đang Input ra trình soạn thảo bên ngoài bằng Ctrl + i.
    • Hoặc là mở luôn video youtube bằng mpv (Mình không còn dùng EA nữa rồi) : https://streamable.com/oja9dc
Addon này mình test thử đúng là ngon thật, hỗ trợ cả tab nữa nên khá mạnh, đã cập nhập lên #1 :D
 
Addon này mình test thử đúng là ngon thật, hỗ trợ cả tab nữa nên khá mạnh, đã cập nhập lên #1 :D
Sau khi cài đặt NativeActive thì Tridactyl sẽ đọc file cấu hình ở ~/.config/tridactyl/tridactylrc
Mình đang bắt đầu sử dụng nên file cấu hình tạm của mình như thế này (trên MacOS):
Code:
" vim: filetype=vim

" This wipes all existing settings. This means that if a setting in this file
" is removed, then it will return to default. In other words, this file serves
" as an enforced single point of truth for Tridactyl's configuration.
sanitize tridactyllocal tridactylsync

" Use neovide for editor.
set editorcmd /usr/local/bin/neovide

" Smooth scrolling, yes please. This is still a bit janky in Tridactyl.
set smoothscroll true

" K and J should move between tabs. x should close them.
bind K tabprev
bind J tabnext
bind x tabclose

" Set theme
"set theme base16-solarized-dark
colourscheme base16-solarized-dark


bind ,v composite js document.location.href.replace('https://', 'ytdl://') | shellescape | js -p 'PATH="$PATH:/usr/local/bin" mpv ' + JS_ARG | !s

bind ;v composite hint -W js hints.elements.forEach(link => link.href = link.href.replace('https://', 'ytdl://')) | shellescape | js -p 'PATH="$PATH:/usr/local/bin" mpv ' + JS_ARG | !s

Cái cấu hình như thế này thì mình bật mpv bằng phím ,v hoặc ;v (hiện hint link). Cái này hơn EA ở chỗ là không phải hiện Terminal trên MacOS, đỡ phải kill all
Tridactyl có lệnh mpvsafe nhưng mình chưa xài được, chắc các hệ điều hành khác có thể sử dụng bình thường.
 
Sau khi cài đặt NativeActive thì Tridactyl sẽ đọc file cấu hình ở ~/.config/tridactyl/tridactylrc
Mình đang bắt đầu sử dụng nên file cấu hình tạm của mình như thế này (trên MacOS):
Code:
" vim: filetype=vim

" This wipes all existing settings. This means that if a setting in this file
" is removed, then it will return to default. In other words, this file serves
" as an enforced single point of truth for Tridactyl's configuration.
sanitize tridactyllocal tridactylsync

" Use neovide for editor.
set editorcmd /usr/local/bin/neovide

" Smooth scrolling, yes please. This is still a bit janky in Tridactyl.
set smoothscroll true

" K and J should move between tabs. x should close them.
bind K tabprev
bind J tabnext
bind x tabclose

" Set theme
"set theme base16-solarized-dark
colourscheme base16-solarized-dark


bind ,v composite js document.location.href.replace('https://', 'ytdl://') | shellescape | js -p 'PATH="$PATH:/usr/local/bin" mpv ' + JS_ARG | !s

bind ;v composite hint -W js hints.elements.forEach(link => link.href = link.href.replace('https://', 'ytdl://')) | shellescape | js -p 'PATH="$PATH:/usr/local/bin" mpv ' + JS_ARG | !s

Cái cấu hình như thế này thì mình bật mpv bằng phím ,v hoặc ;v (hiện hint link). Cái này hơn EA ở chỗ là không phải hiện Terminal trên MacOS, đỡ phải kill all
Tridactyl có lệnh mpvsafe nhưng mình chưa xài được, chắc các hệ điều hành khác có thể sử dụng bình thường.
Hấp dẫn phết. Mà mình cài câu lệnh nativeinstall xong, test ok đã install, nhưng nó ko có folder config như của thím nhỉ.
# Native messenger is correctly installed, version 0.3.6 5
 
Last edited:
Hấp dẫn phết. Mà mình cài câu lệnh nativeinstall xong, test ok đã install, nhưng nó ko có folder config như của thím nhỉ.
Tự tạo folder với file đó theo đường dẫn thôi. Bạn hình dùng Mac M1 phải không? Nếu vậy thì nên tải https://github.com/tridactyl/native_messenger/releases/download/0.4.0/native_main-macOS và thay file native_main trong thư mục .local/share/tridactyl, tại vì theo trang releases thì bây giờ nó mới hỗ trợ ARM M1/M2.
Nãy giờ mình đang tìm hiểu hóa ra MacOS không hỗ trợ biến $PATH được khai báo trong .zshrc nên mpv khi dùng phải khai báo đường dẫn tuyệt đối.
Addon này còn có mấy lệnh như autocontain để quản lý contain hay proxyadd để quản lý proxy bằng phím tắt. Thêm cái lệnh setpref để thay đổi user.js thì quá mạnh luôn.
 
Tự tạo folder với file đó theo đường dẫn thôi. Bạn hình dùng Mac M1 phải không? Nếu vậy thì nên tải https://github.com/tridactyl/native_messenger/releases/download/0.4.0/native_main-macOS và thay file native_main trong thư mục .local/share/tridactyl, tại vì theo trang releases thì bây giờ nó mới hỗ trợ ARM M1/M2.
Nãy giờ mình đang tìm hiểu hóa ra MacOS không hỗ trợ biến $PATH được khai báo trong .zshrc nên mpv khi dùng phải khai báo đường dẫn tuyệt đối.
Addon này còn có mấy lệnh như autocontain để quản lý contain hay proxyadd để quản lý proxy bằng phím tắt. Thêm cái lệnh setpref để thay đổi user.js thì quá mạnh luôn.
à.đúng là phải tụ tạo config làđược. xài không cần chuột cảm giác thú vị. Chỉ mỗi mpv config chưa được như thím thôi. Nó chỉ mở mặc định ff chơi youtube, copy $PATH như EA cũng ko play with MPV dc. Tạm xài EA chơi mpv.

P/S: đã test lại, chạy ngay lập tức. Phải edit $PATH như thím nói đúng folder gốc cài MPV/yt-dlp, mình dùng Brew cài mpv/yt-dlp nên phải sửa lại. FF giờ thấy mạnh mẽ thêm 5 phần với addons này.
 
Last edited:
có thím nào dùng firefox mà xem cái livestream trên facebook bị đơ ko, mình thi thoảng xem live liên quân mà trên đó đơ quá, đổi qua chrome hay edge là mượt luôn (đã thử trên nhiều máy :()
 
Cách có được Responsive Old Reddit (old.reddit.com) trên Android mà không cần extension/userscript nếu đã có Header Editor cho Firefox Android.

Thêm 1 "custom function" như sau:
Screenshot_20230824_075939_Firefox Beta.jpg


Code:return val.replace('</head>', '<meta name="viewport" content="width=device-width,initial-scale=1" /><style>body {min-width: unset; max-width: device-width;} .content {margin: 0px!important;} .side {position: fixed!important;left:-300px;top:0px;overflow-x:scroll;height:100%;} .side:hover, .side:active {left:unset} #header-bottom-right {position: relative; .premium-banner-outer { visibility: hidden; height: 300px;}</style></head>');

Code trên đã được thêm/thay = 1 số đoạn dưới:
.content {margin: 0px!important;}
Code mới ẩn đi premium, scroll được:
Code:
body {min-width: unset; max-width: device-width;}
.side {position: fixed!important;left:-300px;top:0px;overflow-x:scroll;height:100%;}
.side:hover, .side:active {left:unset}
#header-bottom-right {position: relative;}
.content {margin: 0px!important;}
.premium-banner-outer {
visibility: hidden;
height: 300px;
}

Xong.

Trước
Screenshot_20230824_074816_Firefox Beta.jpg

Sau
Screenshot_20230824_075121_Firefox Beta.jpg

Cách dùng khác là thay .side{position:fixed!important;left:-300px;top:0;overflow-x:scroll;height:100%}.side:active,.side:hover{left:unset} bằng đoạn trong quote dưới:
Cả đoạn này có thể thay bằng .side{position:absolute;right:-100%;}

Hành vi sẽ khác chút: vẫn mặc định không show sidebar, chỉ cần lên đầu trang, vuốt sang trái để mở sidebar, và vẫn cuộn được.
 
Last edited:
Cách có được Responsive Old Reddit (old.reddit.com) trên Android mà không cần extension/userscript nếu đã có Header Editor cho Firefox Android.

Thêm 1 "custom function" như sau:


return val.replace('</head>', '<meta name="viewport" content="width=device-width,initial-scale=1" /><style>body {min-width: unset; max-width: device-width;} .side {display: none;} #header-bottom-right {position: relative;}</style></head>');

Xong.
Trước

Sau
Ngon đó, tận dụng sức mạnh của HE để:
  • Nhúng CSS y hệt như Firemonkey/Stylush
  • Nhúng thêm thuộc tính viewport để ép website chạy responsive

Nên kết quả được một cái Old Reddit nhẹ hơn OldLander mà mình đang dùng nhiều, vậy là có thể xóa addon này.
Dùng Old Reddit mới ngon chứ New Reddit đúng là nặng vô đối lại hay quảng cáo, ép cài app, ép đăng nhập mới cho xem một số kênh. :D
 
Ngon đó, tận dụng sức mạnh của HE để:
  • Nhúng CSS y hệt như Firemonkey/Stylush
  • Nhúng thêm thuộc tính viewport để ép website chạy responsive

Nên kết quả được một cái Old Reddit nhẹ hơn OldLander mà mình đang dùng nhiều, vậy là có thể xóa addon này.
Dùng Old Reddit mới ngon chứ New Reddit đúng là nặng vô đối lại hay quảng cáo, ép cài app, ép đăng nhập mới cho xem một số kênh. :D
Code đó ẩn sidebar, bác xem có cách nào làm sidebar ẩn hiện hoặc hiện cuối trang thì ngon :sexy_girl:
 
Back
Top