An assortment of extensions for Mozilla's Firefox web browser make it even more useful for developers who prefer using it for their work.
Before you even begin playing with developer Firefox, there are two extensions you should have already: Restart Firefox. We'll wait while you grab those. Better safe than sorry.
Ok. Firefox can make one's web development life easier with the right addons. Probably the most popular one available has been Chris Pederick has created a few extensions, and the All-In-One Sidebar helps organize all of the nifty extensions one has into a panel on the side of the browser window.
The design draws from FireFTP to move that page to a remote server. That extension provides an easy way to put or get a file on another system, right from the browser.
Firefox Extensions have drawn a number of developers into contributing to them. The page dedicated to them is always worth a look.
On any given day, someone may make an extension available that solves a problem you have, or didn't know you had.
Add to document.write("Del.icio.us") | Yahoo! My Web |
Found an error or have a suggestion? Let us know and we'll review it.
 {
function initCopyableSections() {
document.querySelectorAll('.article-content .copyable-section').forEach(function(section) {
if (section.querySelector('.copyable-section__btn')) return;
var btn = document.createElement('button');
btn.type = 'button';
btn.className = 'copyable-section__btn';
btn.setAttribute('aria-label', 'Copy to clipboard');
var label = section.getAttribute('data-copy-label');
btn.textContent = label ? 'Copy ' + label : 'Copy';
section.appendChild(btn);
btn.addEventListener('click', function() {
var contentEl = section.querySelector('.copyable-section__content');
var text;
if (contentEl) {
text = contentEl.textContent.trim();
} else {
var clone = section.cloneNode(true);
var btnClone = clone.querySelector('.copyable-section__btn');
if (btnClone) btnClone.parentNode.removeChild(btnClone);
text = clone.textContent.trim();
}
if (!text) return;
navigator.clipboard.writeText(text).then(function() {
var t = btn.textContent;
btn.textContent = 'Copied!';
btn.classList.add('copied');
setTimeout(function() {
btn.textContent = t;
btn.classList.remove('copied');
}, 2000);
});
});
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initCopyableSections);
} else {
initCopyableSections();
}
})();
</script>
<!-- Tags -->
<!-- Correction Form -->
<div class=)
Suggest a Correction
Web Developer Tools Rock Firefox
0 views
Comments (0)
Please sign in to leave a comment.
No comments yet. Be the first to comment!