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

Trong các tiện ích của bạn thấy có Downthemall phiên bản 3.1.2. Đây có phải là bản DTA-legacy không? Vẫn có thể xài được nó sao?

Cái UserJS bên trên khôi phục lại khả năng dùng addon trước WebExtension, vậy nên cài được DownThemAll và nhiều addon cũ thời tiền sử. Điều tuyệt vời còn sót lại của Firefox là vẫn có thể nghịch các addon hay nhất ngày xưa như keyconfig, CustomButtons để chọc ngoáy tới tận nhân của Firefox.

window.png
 
Đúng là có thể chạy được DownThemAll phiên bản 3.x ở Firefox 108. Cảm ơn bạn nhiều..
9IbRdPQ.png
 
bên firefox có addon nào đọc được file json như j2team cookies không các bác nhỉ. mình có dùng hướng dẫn cài extention của chrome sang. cài được nhưng import cookies vào thì không chạy
 
Xin ae cái addon dùng chuột có thể reload tab, đóng hay chuyển tab...
Trước dùng tiện quá mà sau ko nhớ tên là gì để cài lại :shot:
 
bên firefox có addon nào đọc được file json như j2team cookies không các bác nhỉ. mình có dùng hướng dẫn cài extention của chrome sang. cài được nhưng import cookies vào thì không chạy

Firefox có rất nhiều addon Edit Cookies, dùng thử:
https://addons.mozilla.org/vi/firefox/addon/cookie-editor/
https://addons.mozilla.org/vi/firefox/addon/cookie-quick-manager/

Cái J2Team gì đó cũng hoạt động tương tự, file JSON nếu do họ tự bào chế ra thì không có chuẩn gì cả nên không mong chờ gì các addon khác sẽ hỗ trợ nên cứ mở bằng Notepad rồi thêm bằng tay các field=value.

các bác xài addon nào để búc mác vậy ợ
u8Y4oJf.png

Trước dùng XMarks mà sập lâu rồi, giờ dùng mặc định Firefox là đủ chứ không chơi với LassPass. Xem qua cái Shiori này xem, dùng offline:

https://github.com/go-shiori/shiori-web-ext
https://github.com/go-shiori/shiori
 
Firefox có rất nhiều addon Edit Cookies, dùng thử:
https://addons.mozilla.org/vi/firefox/addon/cookie-editor/
https://addons.mozilla.org/vi/firefox/addon/cookie-quick-manager/

Cái J2Team gì đó cũng hoạt động tương tự, file JSON nếu do họ tự bào chế ra thì không có chuẩn gì cả nên không mong chờ gì các addon khác sẽ hỗ trợ nên cứ mở bằng Notepad rồi thêm bằng tay các field=value.



Trước dùng XMarks mà sập lâu rồi, giờ dùng mặc định Firefox là đủ chứ không chơi với LassPass. Xem qua cái Shiori này xem, dùng offline:

https://github.com/go-shiori/shiori-web-ext
https://github.com/go-shiori/shiori
bác cho hỏi là làm cách nào mình auto hide bookmark bar vậy? dùng code sau ko tác dụng :burn_joss_stick:
#PersonalToolbar.instant[collapsed="true"] { transition: visibility 0ms linear 500ms !important; }
 
Firefox có rất nhiều addon Edit Cookies, dùng thử:
https://addons.mozilla.org/vi/firefox/addon/cookie-editor/
https://addons.mozilla.org/vi/firefox/addon/cookie-quick-manager/

Cái J2Team gì đó cũng hoạt động tương tự, file JSON nếu do họ tự bào chế ra thì không có chuẩn gì cả nên không mong chờ gì các addon khác sẽ hỗ trợ nên cứ mở bằng Notepad rồi thêm bằng tay các field=value.



Trước dùng XMarks mà sập lâu rồi, giờ dùng mặc định Firefox là đủ chứ không chơi với LassPass. Xem qua cái Shiori này xem, dùng offline:

https://github.com/go-shiori/shiori-web-ext
https://github.com/go-shiori/shiori
à thank bác. cứ l;oay hoay. đúng là phải thay các value bằng tay thì ngon lành
 
bác cho hỏi là làm cách nào mình auto hide bookmark bar vậy? dùng code sau ko tác dụng :burn_joss_stick:

userChrome.css đúng không ? Vậy thì cần vào about:config tìm toolkit.legacyUserProfileCustomizations.stylesheets chỉnh thành true
Hiện tại Firefox không cho dùng Userstyle thay đổi giao diện nữa rồi, buộc phải dùng userChrome.css

Tìm trong này, thư mục chrome ấy: https://github.com/MrOtherGuy/firefox-csshacks

Code + Demo video: https://streamable.com/6rhyux

Code:
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_bookmarks_toolbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

#PersonalToolbar{
  --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
  --uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
  --uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */
  
  /* 0deg = "show" ; 90deg = "hide" ;  Set the following to control when bookmarks are shown */
  --uc-autohide-toolbar-focus-rotation: 0deg; /* urlbar is focused */
  --uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
}

:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }

#PersonalToolbar:not([customizing]){
  position: relative;
  margin-bottom: calc(-1px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
  transform: rotateX(90deg);
  transform-origin: top;
  transition: transform 135ms linear var(--uc-autohide-toolbar-delay) !important;
  z-index: 1;
  /* The following properties should allow the themes with trasparent toolbars to work */
  background-color: transparent !important;
  background-repeat: no-repeat,no-repeat,var(--lwt-background-tiling);
  --uc-bg-y: calc(-2 * (var(--tab-block-margin) + var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) - var(--tab-min-height) - 16px - var(--bookmark-block-padding));
  background-position: top left,top left,var(--lwt-background-alignment,top left);
  background-position-y:top,top,var(--uc-bg-y),var(--uc-bg-y),var(--uc-bg-y);
  background-image: var(--toolbar-bgimage), linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,var(--lwt-additional-images)) !important;
}

#PlacesToolbarItems > .bookmark-item,
#OtherBookmarks,
#PersonalToolbar > #import-button{
  padding-block: var(--uc-bm-padding) !important;
}

#nav-bar:focus-within + #PersonalToolbar{
  transition-delay: 100ms !important;
  transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
}

#navigator-toolbox:hover > #PersonalToolbar{
  transition-delay: 100ms !important;
  transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
}

#navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {  
  transform: rotateX(0);
}

/* Uncomment to enable compatibility for multi-row_bookmarks.css */
/* This would break buttons placed in the toolbar but that is likely not happening if you are using multi-row setup  */
/*
#PersonalToolbar:not([customizing]){
  min-height: 0 !important;
  margin-bottom: 0;
  height: 0;
  overflow-y: visible !important;
  z-index: 2;
  padding-inline: 0 !important;
}
#personal-bookmarks{
  background: inherit;
  height: min-content;
}
#PlacesToolbarDropIndicatorHolder{
  pointer-events: none !important;
}
*/

Chắc sau này lập chủ đề tinh chỉnh Firefox sau, gồm cả tốc độ lẫn giao diện, cá nhân thấy giao diện mặc định Photon của Firefox thiểu năng (vì giao diện mà tiện sử dụng chính là tốc độ).
 
Last edited:
userChrome.css đúng không ? Vậy thì cần vào about:config tìm toolkit.legacyUserProfileCustomizations.stylesheets chỉnh thành true
Hiện tại Firefox không cho dùng Userstyle thay đổi giao diện nữa rồi, buộc phải dùng userChrome.css

Tìm trong này, thư mục chrome ấy: https://github.com/MrOtherGuy/firefox-csshacks

Code + Demo video: https://streamable.com/6rhyux

Code:
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_bookmarks_toolbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

#PersonalToolbar{
  --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
  --uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
  --uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */
 
  /* 0deg = "show" ; 90deg = "hide" ;  Set the following to control when bookmarks are shown */
  --uc-autohide-toolbar-focus-rotation: 0deg; /* urlbar is focused */
  --uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
}

:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }

#PersonalToolbar:not([customizing]){
  position: relative;
  margin-bottom: calc(-1px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
  transform: rotateX(90deg);
  transform-origin: top;
  transition: transform 135ms linear var(--uc-autohide-toolbar-delay) !important;
  z-index: 1;
  /* The following properties should allow the themes with trasparent toolbars to work */
  background-color: transparent !important;
  background-repeat: no-repeat,no-repeat,var(--lwt-background-tiling);
  --uc-bg-y: calc(-2 * (var(--tab-block-margin) + var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) - var(--tab-min-height) - 16px - var(--bookmark-block-padding));
  background-position: top left,top left,var(--lwt-background-alignment,top left);
  background-position-y:top,top,var(--uc-bg-y),var(--uc-bg-y),var(--uc-bg-y);
  background-image: var(--toolbar-bgimage), linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,var(--lwt-additional-images)) !important;
}

#PlacesToolbarItems > .bookmark-item,
#OtherBookmarks,
#PersonalToolbar > #import-button{
  padding-block: var(--uc-bm-padding) !important;
}

#nav-bar:focus-within + #PersonalToolbar{
  transition-delay: 100ms !important;
  transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
}

#navigator-toolbox:hover > #PersonalToolbar{
  transition-delay: 100ms !important;
  transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
}

#navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar { 
  transform: rotateX(0);
}

/* Uncomment to enable compatibility for multi-row_bookmarks.css */
/* This would break buttons placed in the toolbar but that is likely not happening if you are using multi-row setup  */
/*
#PersonalToolbar:not([customizing]){
  min-height: 0 !important;
  margin-bottom: 0;
  height: 0;
  overflow-y: visible !important;
  z-index: 2;
  padding-inline: 0 !important;
}
#personal-bookmarks{
  background: inherit;
  height: min-content;
}
#PlacesToolbarDropIndicatorHolder{
  pointer-events: none !important;
}
*/

Chắc sau này lập chủ đề tinh chỉnh Firefox sau, gồm cả tốc độ lẫn giao diện, cá nhân thấy giao diện mặc định Photon của Firefox thiểu năng (vì giao diện mà tiện sử dụng chính là tốc độ).
mình biết dùng userchrome rùi bác, cái vấn đề là ko có mã code để chạy, mấy code như ẩn favicon rồi giao diện các thứ vẫn ngon :amazed:
 
mình biết dùng userchrome rùi bác, cái vấn đề là ko có mã code để chạy, mấy code như ẩn favicon rồi giao diện các thứ vẫn ngon :amazed:

Thử cái code bên trên mình đưa, không được thì cứ tắt bớt các đoạn code userChrome.css khác xem có bị xung đột không, chứ mình thử ngon lành.

Video: 2022-12-20_13-08-07 (https://streamable.com/6rhyux)

Những code Autohide thì nên cho vào file .css rồi import ngay trên cùng file userChrome.css như của mình, hướng dẫn ở đây có nói qua: GitHub - MrOtherGuy/firefox-csshacks: Collection of userstyles affecting the browser (https://github.com/MrOtherGuy/firefox-csshacks)
Code:
@import url("autohide_bookmarks_and_main_toolbars.css");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/combined_favicon_and_tab_close_button.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

Ngoài ra có thể test userChrome.css nhanh trên Firefox mà không cần khởi động lại bằng cách about:config
  • devtools.debugger.remote-enabled -> true
  • devtools.chrome.enabled -> true
  • devtools.debugger.prompt-connection -> false

Ấn Ctrl +Shift + Alt + I hoặc More Tools -> Browser Toolbox, rồi thêm sửa tùy ý thay đổi theo thời gian thực:
 
Last edited:
Thử cái code bên trên mình đưa, không được thì cứ tắt bớt các đoạn code userChrome.css khác xem có bị xung đột không, chứ mình thử ngon lành.

Video: https://streamable.com/6rhyux

Những code Autohide thì nên cho vào file .css rồi import ngay trên cùng file userChrome.css như của mình, hướng dẫn ở đây có nói qua: https://github.com/MrOtherGuy/firefox-csshacks
Code:
@import url("autohide_bookmarks_and_main_toolbars.css");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/combined_favicon_and_tab_close_button.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

Ngoài ra có thể test userChrome.css nhanh trên Firefox mà không cần khởi động lại bằng cách about:config
devtools.debugger.remote-enabled -> true
devtools.chrome.enabled -> true
devtools.debugger.prompt-connection -> false

Ấn Ctrl +Shift + Alt + I hoặc More Tools -> Browser Toolbox
Rồi vào thẻ Style Editor để nhúng css vào.
:sweet_kiss:
 
Thím có bà con gì với Cattleya bên VNS không, thấy cách dùng Firefox của 2 người giống nhau ghê, cuồng tối ưu, bảo mật tới tận cùng luôn. Ngay cả cách viết bài cũng giống nhau nữa.
nghe ảnh chén bảo mật phát chán.
tôi xài firefox từ khi nó 1.0 nhưng giờ bỏ sang chrome rồi.
giao diện thì đẻ liên tục. theme đang xài khi update ff bị mất tương thích là 1.
tự set dark mode nếu theme có màu khác màu trắng là ngu thứ 2. theme màu xanh nhạt nó hiểu thành dark theme xong set cái background mấy cái menu về đen chữ đen. ngu học
nếu chỉnh css giao diện thì upgrade mất hết. phiền phức.
addons lúc trước đa dạng tự nhiên làm cái ụp. dẹp xui cái một luôn. addon mới thì không làm lại như cũ được. theme thì xấu xí. toàn đổi màu. thua bộ theme cũ. bộ addons xưa thì xoá sạch k thông báo. giờ xài các bản ff mod thời xui thì chả biết tải addon ở đâu. ngu thứ 3
 
có addon nào lưu ảnh vào google photo như addon Save Button for Pinterest ko vậy mn?
với lại có cách nào mình có thể chỉnh volume mặc định cho video trên trang web dc ko?
 
các thím cho hỏi với dạng captcha này thì dùng addon hay script nào trả về kết quả chính xác cao nhất a
e đang dùng thằng nopecha mà 10 lần n phải sai khoảng 7-8 lần ấy
Kiểu như này, n sai khoảng 1-2 từ trong dãy
 

Attachments

  • 1671592147781.png
    1671592147781.png
    27.3 KB · Views: 55
có addon nào lưu ảnh vào google photo như addon Save Button for Pinterest ko vậy mn?
với lại có cách nào mình có thể chỉnh volume mặc định cho video trên trang web dc ko?

Firefox cũng có mờ: https://addons.mozilla.org/en-US/firefox/addon/pinterest/
Còn chỉnh volume mặc định thì rất nhiều, trên lý thuyết addon này rất đơn giản là dùng Javascript gọi lệnh kiểu VideoElement.volume = 1.0 thôi mà, thậm chí không cần dùng addon mà dùng Userscript còn làm được:

https://addons.mozilla.org/en-US/firefox/search/?q=volume
https://greasyfork.org/en/scripts/36270-set-html5-media-player-volume

Tất nhiên là không hoạt động trên Flash, nhưng ở năm 2022 rồi không ai dùng flash nữa, cùng lắm chỉ để chơi game offline thôi.
 
Firefox cũng có mờ: https://addons.mozilla.org/en-US/firefox/addon/pinterest/
Còn chỉnh volume mặc định thì rất nhiều, trên lý thuyết addon này rất đơn giản là dùng Javascript gọi lệnh kiểu VideoElement.volume = 1.0 thôi mà, thậm chí không cần dùng addon mà dùng Userscript còn làm được:

https://addons.mozilla.org/en-US/firefox/search/?q=volume
https://greasyfork.org/en/scripts/36270-set-html5-media-player-volume

Tất nhiên là không hoạt động trên Flash, nhưng ở năm 2022 rồi không ai dùng flash nữa, cùng lắm chỉ để chơi game offline thôi.
mình muốn tìm addon lưu hình vào Google Photo ấy, addon nào mà có nút lưu ở menu chuột phải giống nút lưu của addon Pinterest ấy
còn chỉnh volume ok rồi, thnks!!!
 
mình muốn tìm addon lưu hình vào Google Photo ấy, addon nào mà có nút lưu ở menu chuột phải giống nút lưu của addon Pinterest ấy
còn chỉnh volume ok rồi, thnks!!!

Hai cái cùng một mẹ đẻ ra mà tính năng khác nhau đó hả ? Vậy thì chắc do cái extension của Chrome nó dựa vào tính năng đăng nhập vào Google Account mà Chrome có sẵn chứ Firefox không có (mình cả đời dùng thử Chrome không bao giờ đăng nhập vô account vì sợ bị track cookie nên chịu), cơ mà bạn muốn tính năng nó phải save vào Google Account luôn ?

Cái này hỗ trợ save vào ổ đĩa mà chắc cái trên cũng có hoặc thử cái này https://addons.mozilla.org/en-US/firefox/addon/pinterest-downloader-professio/ , muôn save qua Google Account thì bạn mở sẵn cái tab/window với thuộc tính Always On Top (kiếm phần mềm đặt cửa số Always On Top, thu nhỏ lại tầm 3-4cm dài rộng) Google Photo rồi Pin vào ấy, tải xong về ổ đĩa thì cầm chuột nắm thẳng vào mặt thằng Google là nó upload thôi, chậm hơn xíu.

Bạn cũng cần cho mình biết nhu cầu, đặc điểm của nó thì mình mới tính được nữa, chứ lại cần upload nhiều ảnh cùng lúc thì lại phải tính xa hơn.
 
Hai cái cùng một mẹ đẻ ra mà tính năng khác nhau đó hả ? Vậy thì chắc do cái extension của Chrome nó dựa vào tính năng đăng nhập vào Google Account mà Chrome có sẵn chứ Firefox không có (mình cả đời dùng thử Chrome không bao giờ đăng nhập vô account vì sợ bị track cookie nên chịu), cơ mà bạn muốn tính năng nó phải save vào Google Account luôn ?

Cái này hỗ trợ save vào ổ đĩa mà chắc cái trên cũng có hoặc thử cái này https://addons.mozilla.org/en-US/firefox/addon/pinterest-downloader-professio/ , muôn save qua Google Account thì bạn mở sẵn cái tab/window với thuộc tính Always On Top (kiếm phần mềm đặt cửa số Always On Top, thu nhỏ lại tầm 3-4cm dài rộng) Google Photo rồi Pin vào ấy, tải xong về ổ đĩa thì cầm chuột nắm thẳng vào mặt thằng Google là nó upload thôi, chậm hơn xíu.

Bạn cũng cần cho mình biết nhu cầu, đặc điểm của nó thì mình mới tính được nữa, chứ lại cần upload nhiều ảnh cùng lúc thì lại phải tính xa hơn.
ý mình là tìm 1 addon có tính năng tương tự giống với addon "Pinterest Save Button" thôi
vd: mình đang duyệt web thì thấy tấm hình kia đẹp, mình muốn lưu nó vào album Google Photo của mình, mình chỉ việc bấm chuột phải nó sẽ hiện ra menu và có cái chức năng mình bấm vào thì nó sẽ lưu thẳng vào album Google Photo của mình luôn chứ ko cần tải về rồi lại upload lên Google Photo, để cho tiện ấy
ở bên Pinterest thì có addon "Pinterest Save Button" có cái chức năng ấy, nhưng mình qua Google Photo thì lại ko có
 
Back
Top