Printable Version of Topic

Posted by: Lucas65 Jul 1 2018, 07:39 PM

Noob!! When I inspect a page source, say wikipedia.org, my first experience, I find the DOM element for title, double click it, and replace it with "My Wikipedia," Then I hit Enter. However, there is no change in the output sample page. If I refresh, my edit disappears from the source code. I have failed both on Chrome and Edge. What am I doing wrong/

Also, I am low vision and I am having an accessibility issue. If I view "page source," no problem, I can CTRL+. But when I am doing "Inspect Source" and looking at HTML5 DOM elements, CTRL+ fails. I have checked through menus and queried Help. I can find no way to increase the font size to read the code. It is so small for me that I have to hand hold a magnifying glass.

Thank you for any assistance!

Posted by: CharlesEF Jul 1 2018, 08:15 PM

Since you didn't say which browser you are using I can't help you. But, Firefox does support Ctrl + to increase font size when inspecting an element.

Posted by: Christian J Jul 2 2018, 09:08 AM

Worked for me in new versions of Edge and Vivaldi (Chromium-based).


That's normal I guess, reloading restores the original source.


Are you sure you've edited the right element? Sometimes content doesn't appear where you might think on a web page due to the CSS layout. It could also be that you've edited an element's attribute value instead of its text node.


Works for me in Edge and Vivaldi. Ctrl + Scrollwheel does not work though. Also make sure you've focused the Inspector windows and not the web page.

Posted by: Lucas65 Jul 2 2018, 05:05 PM

Sorry about my omission. I used Edge and Chrome. I will re-check both of these and note Firefox for future reference (not on my computer at this time). Thank you.

Posted by: Lucas65 Jul 2 2018, 05:21 PM

[quote name='Christian J' date='Jul 2 2018, 10:08 AM' post='135927']
[quote name='Lucas65' post='135923' date='Jul 2 2018, 02:39 AM']
Noob!! When I inspect a page source, say wikipedia.org, my first experience, I find the DOM element for title, double click it, and replace it with "My Wikipedia," Then I hit Enter. However, there is no change in the output sample page.
[/quote]
Worked for me in new versions of Edge and Vivaldi (Chromium-based).

Thank you for your efforts to corroborate my failures. CTRL+ is now working on the output for DOM elements in Edge and Chrome, so this must have been a one-off glitch on my part

BTW, I like the default UI rendering of Edge better than I do Chrome's. So that tells me that different browsers render the code UI differently. When I get back to my Linux computer (using a friend's on Windows now), I'm going to try a bunch of browsers: Firefox, Chrome, Chromium, Vivaldi, and some of the various Linux browsers to see how they render. I could then find my favorite browser from a dev point of view, I am realizing.

Posted by: Christian J Jul 3 2018, 05:37 AM

You could also try the "classic" Opera 12.18, it has a lot of great features even though it's not developed anymore.
https://ftp.opera.com/pub/opera/win/1218/int/
http://matejhorvat.si/en/unfiled/opera12.htm

The newer Opera 15 and later is a completely different browser, in fact Vivaldi is more similar to the old one.