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

health said:

@toi la gay :sosad:
Sau 1 thời gian sử dụng FloorP em đã nhận ra rằng, cùng một tần suất sử dụng, cùng số tabs và thói quen sử dụng thì em dùng FP chưa bao giờ máy em bị nóng rồi kêu ầm ầm lên? trong khi ngày trước dùng Brave y hệt như này mà cứ thi thoảng nó lại kêu ầm. Bác có biết tại sao ko

Click to expand...

• Chrome thuật toán tải của nó là liên tục hiện nội dung web, tuy cho cảm giác sướng nhưng mà không thực sự tăng tốc lướt web chút nào, thậm chí còn có thể giảm tốc bởi Chrome = Firefox với nglayout paint delay=0, còn nếu dùng tối ưu nglayout của mình thì gần như thay đổi thuật toán tải trang của Firefox luôn nghĩa là không còn bắt chước Chrome nữa thì Firefox sẽ tải trang tiết kiệm CPU thay vì hiện từng mảng "liên tiếp" và dùng CPU+GPU render trang "liên tiếp" thì nó tải một phát 100% trang web vào RAM, rồi đau thì đau đau một lần rồi thôi dùng CPU+GPU hiển thị "1 phát duy nhất" nên CPU+GPU chỉ nhảy vọt lên duy nhất 1 lần. Xem video sau sẽ thấy cách Firefox tải trang sau khi đã tối ưu: https://streamable.com/tq9tr9 hoặc https://streamable.com/1l8y13
• Nhân Chrome luôn nổi tiếng với việc dùng nhiều pin, và nó cũng nói lên phần nào vì nhiều pin = nhiều CPU + GPU trong quá trình sử dụng, rất đơn giản là vậy, chi tiết xem tại bài này nha:
  https://www.reddit.com/r/macapps/comments/12n7162
• Floorp là Firefox đã tối ưu, nghĩa là tắt sạch tác vụ chạy nên như bài này của mình, các tác vụ tuy nhẹ nhưng tích tiểu thành đại cái gì nó cũng đóng góp vào tài nguyên CPU: Tắt sạch tác vụ chạy nền, chia sẻ trải nghiệm của Firefox (an toàn 1000%)
• Floorp có Sleeping Tab xịn, nên bật nhé vì nó ngon hơn cả Auto Tab Discard, nói chung là tính năng unload tab ngon nhất mình từng dùng mà mình là đã dùng rất nhiều addon kiểu này rồi, tất cả thua xa Sleeping Tab của Floorp về hiệu năng và tính ổn định
• Floorp được biên dịch tối ưu tập lệnh LTO+PGO, thật ra so với Firefox 115 ESR gốc là điểm benchmark của Floorp đã gấp 2x rồi do rất nhiều người dùng test.

shenzero999 said:

T có thắc mắc
Có mấy trang đọc truyện chữ vs manwa nó chèn ads vào. T có chơi ublock+umatrix+ nextdns rồi block phần tử nhưng nó vẫn hiện là do gì nhỉ
Thử block 3rd party cũng k dc, mà nếu block 1st party thì nó bay màu cái ads đấy nhưng mà chữ vs tranh nó bay cmnl, nghĩa là nó chơi embed vô hả ngài? Có cách nào khống chế cứng tụi này k thưa ngài? Có trang thì ublock nó chặn dc vẫn bị chừa 1 khoảng trống, đọc khó chịu lắm, block phần tử xong rồi qua trang khác lại bị lại, quái quỉ vl

@toi la gay :sosad:

Sent from Paimon using vozFApp

Click to expand...

• Bật tính năng chặn phần tử cho uBlock trên điện thoại (nên làm, mặc định tắt)

• Các bộ lọc đáng dùng không lỗi cho uBlock
• Ép uBlock cập nhập bộ lọc để kiểm tra trước khi báo lỗi cho nhà phát triển bộ lọc
• Hướng dẫn sử dụng uBlock để nhúng Userscript vào trang web không cần Violent/Tamper/Grease/Firemonkey
• Cách chặn các tên miền mới tạo (thường là lừa bịp, virus) bằng uBlock
• Sử dụng uBlock thay thế NoScript/RequestPolicy để chặn script/ảnh/iframe bằng 2 cái nháy chuột + Cơ bản cách sử dụng Dynamic Filtering
• Sự khác biệt của uBlock Firefox vs Chrome vs Manifest V3 vs Adguard
• Cách dùng cú pháp style thay đổi tất tần tật mọi thứ trong trang web (KHÔNG CẦN Stylus)
• Cách để uBlock chặn đứt con nòng nọc 1 trang bất kỳ
• Bật tính năng chặn phần tử cho uBlock trên điện thoại (nên làm, mặc định tắt)
• Chặn quảng cáo kiểu triệt hạ với uBlock sử dụng tính năng HTML Filtering (chỉ hỗ trợ uBlock cho Firefox) (Ví dụ: Xóa triệt thanh sidebar ở trang chủ Voz khiến trang load nhanh như điện)

mieuboy said:

Cảm ơn bác nhiều nha. Firefox có bác nhiệt tình quá.
Nhưng mình hệ đơn giản bác ạ. Nên chắc test cho vui thôi chứ vọc cái này mất tg thiệt sự
Cảm ơn bác nhé

Click to expand...

@vincvn said:

Tắt service worker mà sử dụng web dạng SPA thì rip nhé fence

Click to expand...

Triều đình said:

cái sleeping tabs của floorp không có icon zz cho tab đã bị unload nhỉ các bác

Click to expand...

nhoxbuondkny said:

Nó tối hẳn đi còn gì bác? Những tab còn active nó sẽ sáng hơn

Click to expand...

Cb0TJ6XcpVXk7 said:

Có cách nào bookmark ngay chỗ mình cần luôn không mấy fen ơi?

Vd mình cần bookmark trang https://nextdns.io/ đúng ngay chỗ Natively supported on all major platforms — it only takes a few seconds to set up.
Khi mở bookmard ra nó nhảy ngay tới chỗ đó luôn.

View attachment 2091568

Click to expand...

• about:config
• Tìm apz.fling_curve_function
• Sửa:

pTalent said:

Dùng Edge/Chrome : Copy link to Highlight
FF xài tạm : https://addons.mozilla.org/en-US/firefox/addon/link-to-text-fragment/
Hóng các fen khác coi có Extension/Script nào khác không.

Click to expand...

Triều đình said:

cái sleeping tabs của floorp không có icon zz cho tab đã bị unload nhỉ các bác

Click to expand...

/* Unloaded Tab Color */
.tabbrowser-tab[pending=true] .tab-background {
    background: lightgray!important;
    opacity: 0.4!important;
}

/* Unloaded Tab Color */
.tabbrowser-tab:not([pending=true]):not([selected=true]) .tab-background {
    background: lightgreen!important;
    opacity: 0.4!important;
}

toi la gay :sosad: said:

@Salad @mieuboy Đã tìm ra cách sửa lỗi:

• Vào about:serviceworkers
• Tìm voz.vn
• Unregister
• Vào My Filters, thêm:

Code:

voz.vn##^.p-body-sidebar
||voz.vn$csp=worker-src 'none'
voz.vn##.p-body-sidebarCol:style(display:none!important)

100% sạch nhé, kể cả có F5 mỏi tay: https://streamable.com/o3ly9l

Lý do là do thằng serviceworker nó cache trang web khiến uBlock tải thẳng từ cache chưa được lọc của serviceworker.

Click to expand...

netorarekamisama said:

Bác ơi như vậy muốn chặn cái khác là phải thêm cái ||voz.vn$csp=worker-src 'none' vào hả

Click to expand...

• Cách sửa mọi thứ trong trang web, phá tan nát trang web, chặn những quảng cáo gần như khó nhất với Header Editor

// ==UserScript==
// @name        Click on video thumbnail to play in MPV
// @name:ru     Нажми на митиатюру для проигрывания в MPV
// @namespace   nsinister.scripts.videothumb2mpv
// @match       https://*.youtube.com/*
// @match       https://vimeo.com/*
// @grant       none
// @version     0.1
// @author      nSinister
// @license     MIT
// @description Opens videos in external player (mpv) by simply clicking on a thumbnail.
// @description:ru Проигрывает ролики во внешнем плеере (mpv) по нажатию на миниатюру
//
// ==/UserScript==

"use strict";


let observer;
let listeners = [];

let sites = {
  "youtube.com": { sel: "a.ytd-thumbnail", url: "https://www.youtube.com", needsFullUrl: true },
  "vimeo.com": { sel: "a.iris_video-vital__overlay", url: "https://vimeo.com", needsFullUrl: false },
};

// Watches for new elements based on selector to appear on page and assigns a function to them
function ready(selector, func) {
    listeners.push({ selector: selector, func: func });
    if (!observer) {
        observer = new MutationObserver(checkDOM);
        observer.observe(document.documentElement, { childList: true, subtree: true });
    }
    checkDOM();
}

function checkDOM() {
    for (let i = 0, len = listeners.length, listener, elements; i < len; i++) {
        listener = listeners[i];
        elements = document.querySelectorAll(listener.selector);
        for (let j = 0, jlen = elements.length, element; j < jlen; j++) {
            element = elements[j];
            if (!element.ready) {
                element.ready = true;
                listener.func.call(element, element);
            }
        }
    }
}

function GM_btoaUrl(url) {
  return btoa(url).replace(/\//g, "_").replace(/\+/g, "-").replace(/\=/g, "");
}


// Replaces https:// hyperlinks with mpv:// and overrides click event
function replaceLink(node, site) {
  if(node) {
    let hrefval = node.getAttribute('href');
    if (hrefval == null || hrefval.startsWith("mpv"))
      return;

    let full_url = (site.needsFullUrl ? site.url : "") + hrefval;
    if (full_url.startsWith('http')) {
      url = full_url;
    }
    if (url == '') {
      var url = location.href;
    }

    var subs = '';
    var s = url;
    var bs = GM_btoaUrl(s);
    var url2 = 'mpv://play/' + bs + '/' + "?referer=" + GM_btoaUrl(location.href);
    if (subs != '') {
      url2 = url2 + '?subs=' + GM_btoaUrl(subs);
    }

    node.setAttribute('href', url2);
    node.addEventListener('click', function(event){
      event.preventDefault();
      event.stopPropagation();
      location.href = url2;
    });
  }
}

// Detects and returns current site from the list of known websites
function detectSite(sites) {
  let site;
  for (let s in sites) {
    site = sites[s];
    if (location.href.includes(s)) {
      return site;
    }
  }
  return null;
}

let site = detectSite(sites)
if (site) {
  ready(site.sel, function(element) {
      replaceLink(element, site);
  });
}

1. Đăng nhập vào Google và settings để tắt Inline Playback
2. Dùng Cookie Manager để sửa Cookie của Youtube: Thêm f7=1 vào PREF (Nếu PREF đang có giá trị thì thêm &f7=1 vào cuối cùng)
3. Dùng Header Editor thêm Set-Cookie vào Response Header để trình duyệt tự lưu cookie

for (const a in val) {
    if (val[a].name.toLowerCase() === 'set-cookie') {
        val[a].value+='\nPREF=f7=1';
    }
}

Spoiler: Kết quả: Đổi link thumbnail thành protocol của mpv

ducminh3112 said:

Cơ chế là select a.ytd-thumbnail và đổi link thành protocol của mpv có dạng mpv://play/ Tuy nhiên, Youtube có 1 cái tính năng giời ơi là "Hovering to Play" (di chuột lên trên thumbnail để chạy) ở trang Home, Subscription, Search và mấy chỗ này sẽ không có a.ytd-thumbnail để đổi link. Cái thanh gợi ý bên tay phải lúc xem video trên trình duyệt thì vẫn hoạt động.

Click to expand...

// ==UserScript==
// @name        Click on video thumbnail to play in MPV
// @name:ru     Нажми на митиатюру для проигрывания в MPV
// @namespace   nsinister.scripts.videothumb2mpv
// @match       https://*.youtube.com/*
// @match       https://vimeo.com/*
// @grant       none
// @version     0.2
// @author      nSinister
// @license     MIT
// @description Opens videos in external player (mpv) by simply clicking on a thumbnail.
// @description:ru Проигрывает ролики во внешнем плеере (mpv) по нажатию на миниатюру
//
// ==/UserScript==

"use strict";


let observer;
let listeners = [];

let sites = {
  "www.youtube.com": { sel: "a.ytd-thumbnail", url: "https://www.youtube.com", needsFullUrl: true },
  "m.youtube.com": { sel: "a.media-item-thumbnail-container", url: "https://m.youtube.com", needsFullUrl: true },
  "vimeo.com": { sel: "a.iris_video-vital__overlay", url: "https://vimeo.com", needsFullUrl: false },
};

// Watches for new elements based on selector to appear on page and assigns a function to them
function ready(selector, func) {
    listeners.push({ selector: selector, func: func });
    if (!observer) {
        observer = new MutationObserver(checkDOM);
        observer.observe(document.documentElement, { childList: true, subtree: true });
    }
    checkDOM();
}

function checkDOM() {
    for (let i = 0, len = listeners.length, listener, elements; i < len; i++) {
        listener = listeners[i];
        elements = document.querySelectorAll(listener.selector);
        for (let j = 0, jlen = elements.length, element; j < jlen; j++) {
            element = elements[j];
            if (!element.ready) {
                element.ready = true;
                listener.func.call(element, element);
            }
        }
    }
}

function GM_btoaUrl(url) {
  return btoa(url).replace(/\//g, "_").replace(/\+/g, "-").replace(/\=/g, "");
}


// Replaces https:// hyperlinks with mpv:// and overrides click event
function replaceLink(node, site) {
  if(node) {
    let hrefval = node.getAttribute('href');
    if (hrefval == null || hrefval.startsWith("mpv"))
      return;

    let full_url = (site.needsFullUrl ? site.url : "") + hrefval;
    if (full_url.startsWith('http')) {
      url = full_url;
    }
    if (url == '') {
      var url = location.href;
    }

    var subs = '';
    var s = url;
    var bs = GM_btoaUrl(s);
    var url2 = 'mpv://play/' + bs + '/' + "?referer=" + GM_btoaUrl(location.href);
    if (subs != '') {
      url2 = url2 + '?subs=' + GM_btoaUrl(subs);
    }

    node.setAttribute('href', url2);
    node.addEventListener('click', function(event){
      event.preventDefault();
      event.stopPropagation();
      location.href = url2;
    });
  }
}

// Detects and returns current site from the list of known websites
function detectSite(sites) {
  let site;
  for (let s in sites) {
    site = sites[s];
    if (location.href.includes(s)) {
      return site;
    }
  }
  return null;
}

let site = detectSite(sites)
if (site) {
  ready(site.sel, function(element) {
      replaceLink(element, site);
  });
}

Spoiler: Kết

toi la gay :sosad: said:

Mình góp gạo thêm một giải pháp nữa là dùng Youtube Mobile (tại trong thread này truyền bá Youtube Mobile đạo), mình vừa mod lại script xong tuy vẫn còn vụ khi search trên m.youtube.com thì url không được tự động chuyển thành dạng mpv:// mà MutationObserver thì mình ít dùng nên cũng không hiểu cơ chế lắm:

Spoiler: Userscript

Code:

// ==UserScript==
// @name        Click on video thumbnail to play in MPV
// @name:ru     Нажми на митиатюру для проигрывания в MPV
// @namespace   nsinister.scripts.videothumb2mpv
// @match       https://*.youtube.com/*
// @match       https://vimeo.com/*
// @grant       none
// @version     0.2
// @author      nSinister
// @license     MIT
// @description Opens videos in external player (mpv) by simply clicking on a thumbnail.
// @description:ru Проигрывает ролики во внешнем плеере (mpv) по нажатию на миниатюру
//
// ==/UserScript==

"use strict";


let observer;
let listeners = [];

let sites = {
  "www.youtube.com": { sel: "a.ytd-thumbnail", url: "https://www.youtube.com", needsFullUrl: true },
  "m.youtube.com": { sel: "a.media-item-thumbnail-container", url: "https://m.youtube.com", needsFullUrl: true },
  "vimeo.com": { sel: "a.iris_video-vital__overlay", url: "https://vimeo.com", needsFullUrl: false },
};

// Watches for new elements based on selector to appear on page and assigns a function to them
function ready(selector, func) {
    listeners.push({ selector: selector, func: func });
    if (!observer) {
        observer = new MutationObserver(checkDOM);
        observer.observe(document.documentElement, { childList: true, subtree: true });
    }
    checkDOM();
}

function checkDOM() {
    for (let i = 0, len = listeners.length, listener, elements; i < len; i++) {
        listener = listeners[i];
        elements = document.querySelectorAll(listener.selector);
        for (let j = 0, jlen = elements.length, element; j < jlen; j++) {
            element = elements[j];
            if (!element.ready) {
                element.ready = true;
                listener.func.call(element, element);
            }
        }
    }
}

function GM_btoaUrl(url) {
  return btoa(url).replace(/\//g, "_").replace(/\+/g, "-").replace(/\=/g, "");
}


// Replaces https:// hyperlinks with mpv:// and overrides click event
function replaceLink(node, site) {
  if(node) {
    let hrefval = node.getAttribute('href');
    if (hrefval == null || hrefval.startsWith("mpv"))
      return;

    let full_url = (site.needsFullUrl ? site.url : "") + hrefval;
    if (full_url.startsWith('http')) {
      url = full_url;
    }
    if (url == '') {
      var url = location.href;
    }

    var subs = '';
    var s = url;
    var bs = GM_btoaUrl(s);
    var url2 = 'mpv://play/' + bs + '/' + "?referer=" + GM_btoaUrl(location.href);
    if (subs != '') {
      url2 = url2 + '?subs=' + GM_btoaUrl(subs);
    }

    node.setAttribute('href', url2);
    node.addEventListener('click', function(event){
      event.preventDefault();
      event.stopPropagation();
      location.href = url2;
    });
  }
}

// Detects and returns current site from the list of known websites
function detectSite(sites) {
  let site;
  for (let s in sites) {
    site = sites[s];
    if (location.href.includes(s)) {
      return site;
    }
  }
  return null;
}

let site = detectSite(sites)
if (site) {
  ready(site.sel, function(element) {
      replaceLink(element, site);
  });
}

Spoiler: Kết

View attachment 2091876

Đã cập nhập lên #1, cảm ơn bạn đã đóng góp.

Click to expand...

toi la gay :sosad: said:

Mình góp gạo thêm một giải pháp nữa là dùng Youtube Mobile (tại trong thread này truyền bá Youtube Mobile đạo), mình vừa mod lại script xong tuy vẫn còn vụ khi search trên m.youtube.com thì url không được tự động chuyển thành dạng mpv:// mà MutationObserver thì mình ít dùng nên cũng không hiểu cơ chế lắm:

Spoiler: Userscript

Code:

// ==UserScript==
// @name        Click on video thumbnail to play in MPV
// @name:ru     Нажми на митиатюру для проигрывания в MPV
// @namespace   nsinister.scripts.videothumb2mpv
// @match       https://*.youtube.com/*
// @match       https://vimeo.com/*
// @grant       none
// @version     0.2
// @author      nSinister
// @license     MIT
// @description Opens videos in external player (mpv) by simply clicking on a thumbnail.
// @description:ru Проигрывает ролики во внешнем плеере (mpv) по нажатию на миниатюру
//
// ==/UserScript==

"use strict";


let observer;
let listeners = [];

let sites = {
  "www.youtube.com": { sel: "a.ytd-thumbnail", url: "https://www.youtube.com", needsFullUrl: true },
  "m.youtube.com": { sel: "a.media-item-thumbnail-container", url: "https://m.youtube.com", needsFullUrl: true },
  "vimeo.com": { sel: "a.iris_video-vital__overlay", url: "https://vimeo.com", needsFullUrl: false },
};

// Watches for new elements based on selector to appear on page and assigns a function to them
function ready(selector, func) {
    listeners.push({ selector: selector, func: func });
    if (!observer) {
        observer = new MutationObserver(checkDOM);
        observer.observe(document.documentElement, { childList: true, subtree: true });
    }
    checkDOM();
}

function checkDOM() {
    for (let i = 0, len = listeners.length, listener, elements; i < len; i++) {
        listener = listeners[i];
        elements = document.querySelectorAll(listener.selector);
        for (let j = 0, jlen = elements.length, element; j < jlen; j++) {
            element = elements[j];
            if (!element.ready) {
                element.ready = true;
                listener.func.call(element, element);
            }
        }
    }
}

function GM_btoaUrl(url) {
  return btoa(url).replace(/\//g, "_").replace(/\+/g, "-").replace(/\=/g, "");
}


// Replaces https:// hyperlinks with mpv:// and overrides click event
function replaceLink(node, site) {
  if(node) {
    let hrefval = node.getAttribute('href');
    if (hrefval == null || hrefval.startsWith("mpv"))
      return;

    let full_url = (site.needsFullUrl ? site.url : "") + hrefval;
    if (full_url.startsWith('http')) {
      url = full_url;
    }
    if (url == '') {
      var url = location.href;
    }

    var subs = '';
    var s = url;
    var bs = GM_btoaUrl(s);
    var url2 = 'mpv://play/' + bs + '/' + "?referer=" + GM_btoaUrl(location.href);
    if (subs != '') {
      url2 = url2 + '?subs=' + GM_btoaUrl(subs);
    }

    node.setAttribute('href', url2);
    node.addEventListener('click', function(event){
      event.preventDefault();
      event.stopPropagation();
      location.href = url2;
    });
  }
}

// Detects and returns current site from the list of known websites
function detectSite(sites) {
  let site;
  for (let s in sites) {
    site = sites[s];
    if (location.href.includes(s)) {
      return site;
    }
  }
  return null;
}

let site = detectSite(sites)
if (site) {
  ready(site.sel, function(element) {
      replaceLink(element, site);
  });
}

Spoiler: Kết

View attachment 2091876

Đã cập nhập lên #1, cảm ơn bạn đã đóng góp.

Click to expand...

pTalent said:

Lỡ rồi múc luôn mấy cái streamlink như twitch đi bác =]]

Click to expand...

Spoiler: Ọt

haidangtueba said:

dạo này họ nhà foxie cứ thích xua đuổi mình

flop 11.4 thì mất nút full screen trên toolbar trong khi phím f11 thì mình đã để làm việc khác

tete thì không có trang about performance

mercury với waterfox thì không biết build kiểu gì mà sửa file omni.ja không thấy có tác dụng

Click to expand...

haidangtueba said:

tete thì không có trang about performance

Click to expand...

The organization found aboutrocesses is much better than abouterformance. To inform users os this change, the former now redirects to the latter.

Click to expand...