Outlook: obrysuj sekcje interfejsu
Otacza przerywaną ramką każdą oznaczoną sekcję aplikacji i dodaje jej nazwę w podpowiedzi, ułatwiając pisanie selektorów.
Kod do skopiowania
// Outline every labelled app section to inspect the Outlook layout
function outlineRegions() {
document.querySelectorAll('[data-app-section]').forEach(function (el) {
if (el.dataset.jzOutlined) { return; }
el.dataset.jzOutlined = '1';
el.style.outline = '1px dashed rgba(220,0,120,0.6)';
el.title = 'app-section: ' + el.getAttribute('data-app-section');
});
}
outlineRegions();
const obs = new MutationObserver(outlineRegions);
obs.observe(document.body, { childList: true, subtree: true });Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.