Problem with 'View source'

foxtrot3 · 03-19-2010, 12:11 AM

I'm having a problem with right click, view source, to see HTML source code so I can edit my site. What I'm seeing is THIS. You can see that the html is all run together in one line, making it very difficult to read and/or edit.

What I'd like to see is THIS.

I usually use notepad, but I've tried 4 other text editors and the result is always the same.

Using XP and Firefox, but IE produces the same results.

I've been all over the web trying to find the answer to this, but no luck.

Anybody have any ideas ???

.

M.A.D · 03-19-2010, 05:42 AM

Get the firebug extension for firefox.
Thats should sort you out.

wayfarer · 03-19-2010, 08:53 AM

Set your editor to use "Windows Newlines" or something like that, depending on how they word it. Many editors allow you to switch this configuration. Windows newlines use both Mac and Linux newlines together, and should work on every system.

Try notepad++ if you're on Windows, it is quick to install and should produce readable code.

jjreview · 03-19-2010, 01:32 PM

You can also get notepad++. Right now what's happening is that your OS has HTML mapped to notepad. You can either 1) have HTML mapped to nothing. Or 2) Get Notepad++ or Dreamweaver and map the HTML extension to that. Or map it to firefox. That will also work.

If you have HTML mapped to nothing, then firefox/opera/ie/safari will handle it. I use Opera by the way. It's lightning! Don't bother with the cell phone version though.

Anyways, the way to change your extensions is to go to your explorer window and do Tools --> Folder Options --> File Types. On the left you should have HTM and/or HTML.

Lloyd Buchinski · 03-20-2010, 06:44 PM

It probably is one line. I don't do this with html but with css I optimize it to a single line when I put the site online. That saves more than 30% of the bandwidth every time the sheet is loaded.

You don't see the characters for the line breaks and spaces in a css or html sheet, but they are there and the server has to supply them and the browser has to load them. I think a couple text editors let you make them visible.

So basically you have to put the html in a text editor and break it up yourself. Or you can find the html optimizer the person used and it probably has a reverse process.

Here is an example of a css optimizer that works well. Clean CSS - A Resource for Web Designers - Optmize and Format your CSS

I'm not interested enough to bother with the html version but shouldn't be hard to find one. If they exist, not sure about that.

best wishes, lloyd
.......__o
.......\<,
....( )/ ( )...

Edit: here's one. http://www.iwebtool.com/html_optimizer

indodistro · 03-20-2010, 11:21 PM

try wordpad, not notepad.
or..

notepad++

unsmashed · 04-10-2010, 09:44 PM

If you copy / paste that source into visual studio, you can auto lay out the code and it will space it out / align it better for you.

silverlink · 04-11-2010, 12:56 AM

You may also want to consider installing the Firefox Web Developer toolbar extension. It has a "View Source" menu with an item called "View Generated Source" which will show you the "rendered" source as the DOM sees it. This is different than the vanilla view source that comes standard in browsers that just shows the raw HTML sent to the browser. The generated/rendered source shows what it looks like after JavaScript manipulates the HTML DOM tree.

senderbot · 04-11-2010, 09:47 AM

Hi,

There are lots of free HTML editor/Code editor software out there that can help with web development. Notepad, whilst simple, is not the best. Some of the good software out there will help by looking for and pointing out any mistakes you make as you code. And you'll not have any word wrap issues. Its definately worth the switch.

Try www.htmlkit.com and Note Tab Pro (both free)

Cheers

Max

jameskerry · 06-09-2010, 06:26 AM

Try to use "Dream weaver" to edit your site...may be here is a solution of your problem..

webchamp · 06-14-2010, 12:59 PM

Why not just turn off the javascript on ur browser that will let you view the source on any page. Also use Web Developer firefox addon that will give you great access to all javascript. Once u have it installed click Infomation->View JavaScript it will show u all script including the onpage scripts.

alexjames486 · 10-19-2010, 05:45 AM

That's a good suggetion

03-19-2010, 12:11 AM	#1
foxtrot3 Intergalactic Traveller Join Date: Dec 2005 Location: San Diego, CA Posts: 162 Thanks: 38 Thanked 35 Times in 18 Posts	Problem with 'View source' I'm having a problem with right click, view source, to see HTML source code so I can edit my site. What I'm seeing is THIS. You can see that the html is all run together in one line, making it very difficult to read and/or edit. What I'd like to see is THIS. I usually use notepad, but I've tried 4 other text editors and the result is always the same. Using XP and Firefox, but IE produces the same results. I've been all over the web trying to find the answer to this, but no luck. Anybody have any ideas ??? .
	New sig coming soon.

03-19-2010, 05:42 AM	#2
M.A.D Warrior Member Join Date: Mar 2010 Posts: 6 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Problem with 'View source' Get the firebug extension for firefox. Thats should sort you out.
	"I'll get you next time gadget, next time"

03-19-2010, 08:53 AM	#3
wayfarer Web Developer Join Date: Nov 2008 Location: Asheville, NC USA Posts: 420 Thanks: 18 Thanked 57 Times in 51 Posts Social Networking	Re: Problem with 'View source' Set your editor to use "Windows Newlines" or something like that, depending on how they word it. Many editors allow you to switch this configuration. Windows newlines use both Mac and Linux newlines together, and should work on every system. Try notepad++ if you're on Windows, it is quick to install and should produce readable code.
	Wayfarer \| join me on StoryBlorg

03-19-2010, 01:32 PM	#4
jjreview Warrior Member Join Date: Mar 2010 Posts: 14 Thanks: 0 Thanked 1 Time in 1 Post	Re: Problem with 'View source' You can also get notepad++. Right now what's happening is that your OS has HTML mapped to notepad. You can either 1) have HTML mapped to nothing. Or 2) Get Notepad++ or Dreamweaver and map the HTML extension to that. Or map it to firefox. That will also work. If you have HTML mapped to nothing, then firefox/opera/ie/safari will handle it. I use Opera by the way. It's lightning! Don't bother with the cell phone version though. Anyways, the way to change your extensions is to go to your explorer window and do Tools --> Folder Options --> File Types. On the left you should have HTM and/or HTML.

03-20-2010, 06:44 PM	#5
Lloyd Buchinski copy and paste geek War Room Member Join Date: Jan 2005 Location: Calgary Posts: 1,390 Thanks: 68 Thanked 168 Times in 140 Posts	Re: Problem with 'View source' It probably is one line. I don't do this with html but with css I optimize it to a single line when I put the site online. That saves more than 30% of the bandwidth every time the sheet is loaded. You don't see the characters for the line breaks and spaces in a css or html sheet, but they are there and the server has to supply them and the browser has to load them. I think a couple text editors let you make them visible. So basically you have to put the html in a text editor and break it up yourself. Or you can find the html optimizer the person used and it probably has a reverse process. Here is an example of a css optimizer that works well. Clean CSS - A Resource for Web Designers - Optmize and Format your CSS I'm not interested enough to bother with the html version but shouldn't be hard to find one. If they exist, not sure about that. best wishes, lloyd .......__o .......\<, ....( )/ ( )... Edit: here's one. http://www.iwebtool.com/html_optimizer
	There are 10 types of people, those that understand binary and those that don't. The KimW WSO

03-20-2010, 11:21 PM	#6
indodistro Warrior Member Join Date: Mar 2010 Posts: 20 Thanks: 0 Thanked 1 Time in 1 Post	Re: Problem with 'View source' try wordpad, not notepad. or.. notepad++
	kaos sablon \| hotel jogja

04-10-2010, 09:44 PM	#7
unsmashed Active Warrior War Room Member Join Date: Apr 2010 Posts: 48 Thanks: 0 Thanked 2 Times in 2 Posts	Re: Problem with 'View source' If you copy / paste that source into visual studio, you can auto lay out the code and it will space it out / align it better for you.

04-11-2010, 12:56 AM	#8
silverlink Warrior Member War Room Member Join Date: Oct 2009 Posts: 12 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Problem with 'View source' You may also want to consider installing the Firefox Web Developer toolbar extension. It has a "View Source" menu with an item called "View Generated Source" which will show you the "rendered" source as the DOM sees it. This is different than the vanilla view source that comes standard in browsers that just shows the raw HTML sent to the browser. The generated/rendered source shows what it looks like after JavaScript manipulates the HTML DOM tree.

04-11-2010, 09:47 AM	#9
senderbot HyperActive Warrior War Room Member Join Date: Mar 2010 Posts: 201 Thanks: 1 Thanked 27 Times in 25 Posts	Re: Problem with 'View source' Hi, There are lots of free HTML editor/Code editor software out there that can help with web development. Notepad, whilst simple, is not the best. Some of the good software out there will help by looking for and pointing out any mistakes you make as you code. And you'll not have any word wrap issues. Its definately worth the switch. Try www.htmlkit.com and Note Tab Pro (both free) Cheers Max
	Turnkey Autoresponder Business For Sale

06-09-2010, 06:26 AM	#10
jameskerry Warrior Member Join Date: Jun 2010 Posts: 3 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Problem with 'View source' Try to use "Dream weaver" to edit your site...may be here is a solution of your problem..
	Dissertation Help :: Thesis Help :: Assignment Help

06-14-2010, 12:59 PM	#11
webchamp Warrior Member Join Date: Jun 2010 Posts: 1 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Problem with 'View source' Why not just turn off the javascript on ur browser that will let you view the source on any page. Also use Web Developer firefox addon that will give you great access to all javascript. Once u have it installed click Infomation->View JavaScript it will show u all script including the onpage scripts.
	This is my php magento promotional products website: Koozies

10-19-2010, 05:45 AM	#12
alexjames486 Warrior Member Join Date: Oct 2010 Posts: 1 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Problem with 'View source' That's a good suggetion
	buy assignment