Over the browser web development for Office 365

Over the browser web development for Office 365

The ordinary browser of yesteryears… It was just a way to merely visit web pages and open html files.

With the advent of faster internet speeds and evolution of languages like HTML, CSS and JavaScript; now almost everything can be done online. File sharing, document editing, image manipulation or anything that we could do only through desktop software in the past can now be easily done over the browser.


Your wife asked you to enhance the background of a pic stored in her computer before she can post on Facebook? No problem. Use PIXLR or any other inexpensive online image manipulation tool and claim to be the guy with the expensive Photoshop software.


Web developers are also catching up with the trend of in-browser development using web services, web APIs and standard data protocols. As more and more applications are moving to the cloud with no custom software footprint on local computers, I see more and more usage of browser for coding, configuration, deployment, collaboration and troubleshooting.

I have compiled a list of some commonly used tools available over the browser and applicable for Office 365 development. You don’t need to install anything for these (but of course the browser :-))


NAPA is browser base Code Editor which allow basic level intelligence, Code Coloring, Deployment only on Office 365. It is an app which can be added to SharePoint sites. Also you can open same Project in Visual studio. Its Like an IDE but browser based, however it is not suitable for large size application development.


JSFiddle is more for prototyping and quick testing rather than development. It is a handy tool to test your JavaScript, HTML and CSS code right inside your browser. You can also share your code with others online.

Browser development tool bar

Every modern web browser includes a powerful suite of developer tools available as add-ons or extensions. These tools do a range of things, from inspecting currently-loaded HTML, CSS and JavaScript to showing which assets the page has requested and how long they took to load.

Chrome Development Tools: https://developers.google.com/web/tools/chrome-devtools/

IE developer toolbar: https://docs.microsoft.com/en-us/microsoft-edge/f12-devtools-guide

Firefox Firebug: https://developer.mozilla.org/en-US/docs/Tools

Moreover, review your Apps list (append “/_layouts/15/ta_allapplicensesmanagement.aspx” to SharePoint Admin site) to see what’s available. Utilize those apps to configure over the browser as per requirement. Remember they can’t snatch your rights to code even if you have no (Admin) rights to install software.

Close Menu