How To Edit Xml File In Google Chrome

Google Chrome is not just a platform for accessing web applications or browsing the internet. It also offers a wide range of developer tools for web development. One useful feature is that you can edit XML files directly within the browser. Let’s guide you through the process.

Step 1: Open the XML File in Google Chrome

To begin, first, open the XML file you want to edit in Google Chrome. You can do this by either dragging and dropping the file into a new tab or pressing Ctrl + O (or Command + O on a Mac) and selecting the XML file from your system.

Step 2: Open Chrome Developer Tools

Once the XML file is open in a browser tab, you need to open the browser’s developer tools. You can do this by right-clicking anywhere on the page and then clicking on “Inspect”. Alternatively, you can use the shortcut F12 on Windows or Cmd + Option + I on Mac.

Step 3: Edit the XML File

With the developer tools open, click on the “Sources” tab. Here, on the left sidebar, you should see your XML file under the “File” sub-tab.

Clicking on the XML file will display its content in the right pane. Here, you can edit the file as you wish. To do this, right-click anywhere in the file content and select “Edit as HTML.” This will convert the XML content into an editable state.

Step 4: Save the Changes

After making the changes, press Ctrl + S (or Command + S on a Mac) to save the changes. Chrome will download the edited XML file to your default download location.


It’s that simple! With a few clicks and keyboard shortcuts, you can edit XML files directly in Google Chrome. While this method might not replace a full-fledged XML editor for more complex tasks, it’s a handy tool for quick edits and previews.