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

Đồ cờ hó Google, nó không cho Floorp đăng nhập acc mail vì lí do browser không được support. Bọn độc quyền khốn nạn
yK2Q4fM.png
yK2Q4fM.png
yK2Q4fM.png
 
nhoxbuondkny said:
Đồ cờ hó Google, nó không cho Floorp đăng nhập acc mail vì lí do browser không được support. Bọn độc quyền khốn nạn
yK2Q4fM.png
yK2Q4fM.png
yK2Q4fM.png
Click to expand...
@vincvn said:
Đổi UA sang Chrome thôi mike fence. Mike fence còn chưa gặp quả drive và gmail trắng nữa
1geIG8d.png
Click to expand...
Chiến thuật của Google đó, âm thầm "gặm nhấm như con tằm ăn dâu", nhưng cũng khiến khối chiến sĩ nản lòng mà buộc phải qua Chrome, chi bằng gây ra lỗi nhưng ngẫu nhiên, không thể có bằng chứng rõ ràng.

Trước đó Google cũng từng khiến các trình duyệt không phải Chrome tải shadowRoot chậm hơn 5 lần, gây nghẽn trang tới mức nhiều người buộc phải nhảy qua Chrome để vào Youtube xem phim:
https://www.reddit.com/r/programming/comments/91i0mc

Bây giờ có MPV rồi không ngại chứ hồi đó nếu là mình mình cũng buộc phải qua Chrome luôn.

Thử dùng Thunderbird xem sao, dùng quen rồi lại chả bao giờ muốn vào web kiểm tra mail nữa, bởi nó dùng giao thức IMAP hoặc POP3 nên Google không chặn kiểu đó (HTTP) được.
 
toi la gay :sosad: said:
Chiến thuật của Google đó, âm thầm "gặm nhấm như con tằm ăn dâu", nhưng cũng khiến khối chiến sĩ nản lòng mà buộc phải qua Chrome, chi bằng gây ra lỗi nhưng ngẫu nhiên, không thể có bằng chứng rõ ràng.

Thử dùng Thunderbird xem sao, dùng quen rồi lại chả bao giờ muốn vào web kiểm tra mail nữa, bởi nó dùng giao thức IMAP hoặc POP3 nên Google không chặn kiểu đó (HTTP) được.
Click to expand...
Qua được rồi bác ạ, spam nhiều qua được lúc nào không hay
Omd40Mz.png
 
toi la gay :sosad: said:
Vừa nghĩa qua thread về Edge thấy nó có tính năng Sidebar Tab, thử tìm cách bê về Firefox và hậu quả nặng nề: https://v.redd.it/qjqr4mz6m6781/DASH_720.mp4

Dành cho bạn nào muốn thử qua cảm giác dùng Sidebar Tab của Edge ra sao hoặc nhớ tính năng này.

Các bước:
Code: 
#root {
  --tabs-font: 10pt Segoe UI;
  --tabs-count-font: .625rem Segoe UI;
  --bookmarks-bookmark-font: .875rem Segoe UI;
  --bookmarks-folder-font: 10pt Segoe UI;
}
 
/* Adjust styles according to sidebar width */
@media screen and (max-width: 49px) {
  #root {
    --tabs-indent: unset;
  }
  .ScrollBox > .scroll-container {
    overflow: hidden;
  }
  .Tab .audio {
    left: 10px;
    transform: scale(.80);
    transform: translateY(4px);
    z-index: 99 !important;
  }
  .Tab .title {
    visibility: collapse;
  }
}
 
@media screen and (min-width: 49px) {
  .Tab .audio {
    left: 28px;
  }
}
 
/*
 * Add margins and rounding around tabs
 */
 
#root {
  --tabs-height: 43px;
}
 
/* Background layer */
 
.Tab {
  margin: 0 4px;
  width: unset;
}
.Tab .lvl-wrapper:after {
  content: '';
  position: absolute;
  top: 4px;
  width: 100%;
  height: calc(100% - 5px);
  border-radius: 4px;
  z-index: -1;
}
 
@media (prefers-color-scheme:light) {
  #root {
    --tabs-activated-bg: white !important;
    --tabs-bg-active: var(--tabs-activated-bg) !important;
    --tabs-selected-fg: var(--tabs-activated-fg) !important;
    --tabs-selected-bg: var(--tabs-activated-bg) !important;
    --bg: #f0f0f0 !important;
  }
  .Tab[data-selected] .lvl-wrapper:after,
  .Tab[data-active] .lvl-wrapper:after {
    box-shadow: 0 0 1px rgba(128,128,142,0.9), 0 0 4px rgba(128,128,142,0.5);
  }
}
 
 
/* Reset default styles */
.Tab:hover,
.Tab:active,
.Tab[data-active],
.Tab[data-active]:active,
.Tab[data-selected],
.Tab[data-selected]:hover,
.Tab[data-selected]:active {
  background: transparent;
}
 
/* Reapply styles */
 
.Tab:hover .lvl-wrapper:after {
  background-color: var(--tabs-bg-hover);
}
 
.Tab:active .lvl-wrapper:after,
.Tab[data-active]:active .lvl-wrapper:after {
  background-color: var(--tabs-bg-active);
}
 
.Tab[data-active] .lvl-wrapper:after {
  background-color: var(--tabs-activated-bg);
}
 
 
.Tab[data-selected] .lvl-wrapper:after {
  background-color: var(--tabs-selected-bg);,
}
 
/* Resize and reposition favicons */
.Tab .fav {
  width: 18px;
  height: 18px;
  margin-left: 10px;
}
 
.Tab .placeholder > svg {
  width: 18px;
  height: 18px;
}
 
.Tab .fav,
.Tab .placeholder,
.Tab .t-box {
  margin-bottom: -2px;
}
  • Làm theo: Bật userChrome.css để đổi giao diện Firefox. Vào about:support -> Open Profile Folder và mở folder chrome lên (nếu chưa có thì search trong thread này các sử dụng userChrome cho Firefox để đổi giao diện, mở userChrome.css copy đoạn này vào:
  • Chọn một trong hai, cái SPOILER thứ nhất là ẩn/hiện Tabbar khi hơ chuột vào, cái thứ hai ẩn hoàn toàn:
Code: 
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_tabstoolbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Hide tabs unless cursor is on top of toolbar */

:root:not([customizing]) #navigator-toolbox{
  position: relative;
  z-index: 1;
}

#navigator-toolbox:not(:hover) > #titlebar{
  -moz-window-dragging: no-drag !important;
  pointer-events: none
}

:root:not([customizing]) #navigator-toolbox:hover,
:root:not([customizing]) #titlebar{
  margin-bottom: calc(0px - 2 * var(--tab-block-margin) - var(--tab-min-height));
}
#TabsToolbar:not([customizing]){ visibility: hidden; transition: visibility 0ms linear 200ms }

#navigator-toolbox,
#titlebar{ transition: margin-bottom 48ms ease-out 200ms }

#navigator-toolbox:hover{ transition-delay: 0s }
#navigator-toolbox:hover > #titlebar{
  margin-bottom: 0px;
  transition-delay: 0s;
}

#navigator-toolbox:hover #TabsToolbar{
  visibility: visible;
  transition-delay: 18ms
}
/* These rules make sure that height of tabs toolbar doesn't exceed tab-min-height */
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container{
  max-height: var(--tab-min-height);
}
.tab-label{ line-height: 20px !important; }
:root[uidensity="compact"] .tab-label{ line-height: 18px !important; }
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar-header {
  visibility: collapse;
}
 
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
 
/* Show sidebar only when the cursor is over it  */
/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
  --uc-sidebar-width: 48px !important;
  --uc-sidebar-hover-width: 250px;
  --uc-autohide-sidebar-delay: 300ms; /* Wait 0.3s before hiding sidebar */
  position: relative;
  min-width: var(--uc-sidebar-width) !important;
  width: var(--uc-sidebar-width) !important;
  max-width: var(--uc-sidebar-width) !important;
  z-index:1;
}
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar-splitter {
  display: none
}
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar {
  transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
  min-width: var(--uc-sidebar-width) !important;
  will-change: min-width;
}
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover > #sidebar{
  min-width: var(--uc-sidebar-hover-width) !important;
  transition-delay: 0ms !important
}
 
/* Add sidebar divider and give it background */
 
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar,
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar-header {
  background-color: var(--toolbar-bgcolor) !important;
/*  border-inline: 1px solid var(--sidebar-border-color) !important;*/
  border-inline: 1px solid var(--chrome-content-separator-color) !important;
  border-inline-width: 0px 1px;
}
#sidebar-box[positionend]{
  direction: rtl
}
#sidebar-box[positionend] > *{
  direction: ltr
}
 
#sidebar-box[positionend]:-moz-locale-dir(rtl){
  direction: ltr
}
#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{
  direction: rtl
}
kiến thức - Tổng hợp những addon chất cho Firefox PC (+Mobile) (https://voz.vn/t/tong-hop-nhung-addon-chat-cho-firefox-pc-mobile.682181/post-25659357)

Kết quả cuối cùng bằng video: https://v.redd.it/qjqr4mz6m6781/DASH_720.mp4

Kết siêu đắng:
1685021840682.png

1685022496552.png
Screenshot 2023-10-05 at 20.22.56.png
Click to expand...
Bác ơi, em muốn để panel bar dọc như hình thì sửa css sideberry với userchrome.css như nào để được như bác hướng dẫn nhỉ?
Screenshot 2023-10-05 at 20.22.56.png
 
warsong said:
Bác ơi, em muốn để panel bar dọc như hình thì sửa css sideberry với userchrome.css như nào để được như bác hướng dẫn nhỉ?
View attachment 2110842
Click to expand...
Lâu lắm rồi mình chưa test giao diện này nên không rõ nó còn ổn định không, nhưng nhìn có vẻ giống rồi nhỉ, hiện đang bí ở phần nào để mình xem ?

Nếu thành công sẽ giống video này: https://v.redd.it/qjqr4mz6m6781/DASH_720.mp4

Vừa test thử xong có vẻ không hỏng hóc gì:
1696513480791.png
 
Last edited:
Chu Cong Canh said:
Thunderbird có bản nào hay như Floorp không ngài?
Click to expand...
Thunderbird nó chuyên về mail, nói chung chả có gì ngoài check mail nhưng được cái Portable cũng nhẹ và hỗ trợ gần như 100% dịch vụ mail, cứ điền mail vào là nó tự nhận ra giao thức.

Khi cần backup với cài lại máy nhẹ nhàng lắm.
 
toi la gay :sosad: said:
Lâu lắm rồi mình chưa test giao diện này nên không rõ nó còn ổn định không, nhưng nhìn có vẻ giống rồi nhỉ, hiện đang bí ở phần nào để mình xem ?

Nếu thành công sẽ giống video này: https://v.redd.it/qjqr4mz6m6781/DASH_720.mp4
Click to expand...
em có chỉnh lại cái biến
--uc-sidebar-width: 40px !important;
trong userchrome.css thì để panel bar ngang thì ngon rồi
Screenshot 2023-10-05 at 20.38.16.png

mà để panel bar dọc thì nó lại hẹp quá che hết icon như hình
Screenshot 2023-10-05 at 20.42.53.png

Tăng cái --uc-sidebar-width lên cho vừa thì bị mất cái tự động thò thụt của tree tab
Screenshot 2023-10-05 at 20.45.16.png
 
toi la gay :sosad: said:
Mình gợi ý thêm mấy cái config giúp tối ưu sâu hơn về cuộn mượt để có gì các bạn phát triển thêm để đạt tới độ hoàn hảo:

Khoảng thời gian từ khi cuộn mượt cho tới khi kết thúc, thay đổi giá trị này tùy ý để thay đổi cảm giác mượt mà:
general.smoothScroll.mouseWheel.durationMaxMS200
general.smoothScroll.mouseWheel.durationMinMS50

Nghĩa là để tăng độ mượt mà thì tăng durationMaxMS, giảm durationMinMS còn nếu mượt quá gây cảm giác khó chịu thì giảm và tăng.

Tắt cuộn theo pixel, nghĩa là sẽ cuộn theo % của màn hình trang web (Nguồn: 736251 - smooth wheel precise scrolling isn't very responsive (https://bugzilla.mozilla.org/show_bug.cgi?id=736251#c19)):
mousewheel.enable_pixel_scrollingfalse

Mặc định là true, mình để false và lâu nay dùng Firefox chưa bao giờ dám cho về lại true vì không quen.
Click to expand...
tiếp theo về cuộn mượt, ngoài mấy cái setting này:
user_pref("apz.overscroll.enabled", true);
user_pref("general.smoothScroll", true);
user_pref("mousewheel.default.delta_multiplier_y", 275);

Thì mình có chỉnh theo bác gay. Dòng MaxMS chỉnh thành 250, dòng MinMS chỉnh thành 200. Tắt cuộn theo pixel. Bác nào theo đuổi trường phái cuộn mượt như mình thì thử nhé. Thấy còn ngon hơn edge nữa rồi :beauty:
 
warsong said:
em có chỉnh lại cái biến
--uc-sidebar-width: 40px !important;
trong userchrome.css thì để panel bar ngang thì ngon rồi
View attachment 2110890
mà để panel bar dọc thì nó lại hẹp quá che hết icon như hình
View attachment 2110898
Tăng cái --uc-sidebar-width lên cho vừa thì bị mất cái tự động thò thụt của tree tab
View attachment 2110905
Click to expand...
Có lẽ người làm giao diện này khi làm không tính tới vụ chuyển panel thành dọc, mình nghĩ là nếu để sửa thì sẽ phải tự sửa thôi vì addon Sidebery này khá phức tạp và nhiều tùy chỉnh, rất khó để mình có thể chỉnh theo và kiểm tra được.
 
mieuboy said:
tiếp theo về cuộn mượt, ngoài mấy cái setting này:
user_pref("apz.overscroll.enabled", true);
user_pref("general.smoothScroll", true);
user_pref("mousewheel.default.delta_multiplier_y", 275);

Thì mình có chỉnh theo bác gay. Dòng MaxMS chỉnh thành 250, dòng MinMS chỉnh thành 200. Tắt cuộn theo pixel. Bác nào theo đuổi trường phái cuộn mượt như mình thì thử nhé. Thấy còn ngon hơn edge nữa rồi :beauty:
Click to expand...
Ngon, để cập nhập thêm trường phái thank đồng chí đã góp gạo :D
 
Giao diện OperaGX này nhìn phê thế nhỉ mà thấy ông Tây bảo cài nó mất nguyên một tiếng nên để mình viết lại xem có đến một tiếng không nhé ? :D

Đầu tiên nếu chưa từng bật userChrome.css:

Cách cài đặt:

210189445-ced79421-3e1e-411b-87ed-1afbff82d9b1.png

Main User Interface​


New Tab Page​


light-dark


Tab-Shapes​


GX-Tab_shapes


Preferences Page​


imagen


Add-ons Page​


imagen


Library​


imagen


Hamburguer Menu - Contextual Menus​


imagen


Oneline Config​


imagen


Main-image Config​


imagen


Left Side-Bar Config​


imagen


Tree style tabs Config​


imagen
1696516521479.png

EZPZ!

Mọi thứ đều nhanh nếu ta có phương pháp.
 
Last edited:
AiA said:
Cài nhiều addon quá nó hao ram kinh. Có cách nào giảm bớt không các fen.
Click to expand...
thử cho extension chạy inprocess xem:
extensions.webextensions.remote=false
(lưu ý sau này extension sẽ chỉ còn chế độ out of process nên cách trên hợp với esr)

ngoài ra thử tìm userscript thay thế cho extension
 
haidangtueba said:
thử cho extension chạy inprocess xem:
extensions.webextensions.remote=false
(lưu ý sau này extension sẽ chỉ còn chế độ out of process nên cách trên hợp với esr)

ngoài ra thử tìm userscript thay thế cho extension
Click to expand...
Fen hướng dẫn rõ tí cho dân ngoại đạo như mình được không.
Đại khái mình toàn click cài rồi dùng. Không rành chỉnh sửa mã gì như thím hướng dẫn
Cảm ơn thím trước nhiều.
 

Similar threads

A
SG So Sánh Kem Mắt Meso Treatment với Các Sản Phẩm Khác Trên Thị Trường
Replies
0
Views
118
AllOutOfLove
A
Masterchiefs
Nhà vệ sinh tương lai, bồn cầu sẽ biết... bắt bệnh
Replies
10
Views
616
luongthaiduong
luongthaiduong
Masterchiefs
Uống phải dầu hỏa trẻ 20 tháng tuổi suy hô hấp: Cách sơ cứu khi ngộ độc hóa chất
Replies
0
Views
204
Masterchiefs
Masterchiefs
ThatThapLuc
Ăn sáng bằng xôi, bún hay phở là tốt nhất?
10 11 12
Replies
237
Views
21K
pilypily1
pilypily1
K
tin tức Sự kiện ngày hội hp việt nam 2024 mang đến danh mục sản phẩm tích hợp trí tuệ nhân tạo (AI) mới nhất từ tập đoàn HP
Replies
2
Views
365
chienbinhso13
chienbinhso13

Share this page

Back
Top