npm: highlight package metadata
Highlights npm package metadata headings in red, such as Weekly Downloads, Version and Unpacked Size.
Code to copy
try {
document.querySelectorAll('h3, h2').forEach(function (h) {
const t = (h.textContent || '').trim().toLowerCase();
if (t === 'weekly downloads' || t === 'version' || t === 'unpacked size') {
h.style.color = '#9D0006';
h.style.fontWeight = '700';
}
});
console.log('JustZix: npm package metadata headings highlighted');
} catch (err) { console.error('JustZix npm metadata:', err); }How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.