[Web Developer] How to Change Web Content and Persist the Change

How to use Google Chrome to Develop a Website like an IDE (Text Editor)

To be well prepped on Web Development, Watch videos about the DOM and Console. It is interesting to see functions embedded in the DOM. A console has functions that are really helpful when debugging, it can even do console.assert() like the function used for Unit Testing.
You can use Sources Tab in Chrome Dev Tools to create Snippet and make it as a Source Editor. Create JavaScipt Snippet and add Work Folder to Work-Space. This is very powerful as it would allow you to make changes to your project in the Browser and the changes will persist. How cool is that!!

Go to Dev Tools in Chrome => Sources => Snippets => Find >> symbol and window will show with "Top" text in it =>Right Click and Add Folder to Work-Space => Allow full access to Local Folder.

You can add files to the project, and link CSS files to the project.
That is it: you now have Chrome as an IDE!!
You can use Browser's Local Storage just as you use SQL Databases, but it can be cleared. I would encourage you to explore ways to make a user's experience better navigation web applications.

Technology published

This solution is helpful, I Like it.

Was this page helpful?

How-to-draw-realistic-photos

How-to-draw-realistic-photos-e-book

How-to-Make-a-Social-Media-Website-in-Easy-Steps

The-Creature-in-the-Wood

HTTP Dot Net Core 2.2 Error 500.30 - ANCM In-Process Start Failure

Solved GitKraken “Could not find a compatible repository”

We're unable to complete your request invalid_request: The provided value for the input parameter 'redirect_uri' is not valid. The expected value is a URI which matches a redirect URI registered for this client application.

MSBUILD : error MSB1009: Project file does not exist. Switch: ProjectName.csproj

GitKraken Error Applying Stash could not open directory Access is denied

SQL Server Import and Export Wizard Error: Data conversion failed. The data conversion for column "Column 0" returned status value 4 and status text "Text was truncated or one or more characters had no match in the target code page

Microsoft.EntityFrameworkCore.Database.Transaction[20205] An error occurred using a transaction.

Machine Learning (Kernel method)

GitKraken Checkout Failed: could not rmdir. The process cannot access the file because it is being used by another process.

A local or parameter named cannot be declared in this scope because that name is used in an enclosing local scope to define a local or parameter

© 2020 - ErnesTech - Privacy

ErnesTech uses cookies to enhence your experience. Learn More.