13 {{ upvoteCount | shortNum }}
13 {{ upvoteCount | shortNum }}

Problem with 'View source'

by foxtrot3
11 replies
  • WEB DESIGN
    • |
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 ???


.
#problem #source #view
  • Profile picture of the author M.A.D
    Get the firebug extension for firefox.
    Thats should sort you out.
    {{ DiscussionBoard.errors[1885062].message }}
  • Profile picture of the author wayfarer
    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.
    Signature
    I build web things, server things. I help build the startup Veenome. | Remote Programming Jobs
    {{ DiscussionBoard.errors[1885589].message }}
  • Profile picture of the author jjreview
    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.
    {{ DiscussionBoard.errors[1886719].message }}
  • Profile picture of the author Lloyd Buchinski
    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
    Signature

    Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

    The KimW WSO

    {{ DiscussionBoard.errors[1891080].message }}
    • Profile picture of the author indodistro
      try wordpad, not notepad.
      or..

      notepad++
      {{ DiscussionBoard.errors[1891701].message }}
  • Profile picture of the author unsmashed
    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.
    {{ DiscussionBoard.errors[1974981].message }}
  • Profile picture of the author silverlink
    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.
    {{ DiscussionBoard.errors[1975381].message }}
  • Profile picture of the author senderbot
    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
    Signature
    PornStarStamina is for sale! - Buy the book rights and website! or Just Download the Book For FREE! - Check it out!
    {{ DiscussionBoard.errors[1976164].message }}
  • Profile picture of the author jameskerry
    Try to use "Dream weaver" to edit your site...may be here is a solution of your problem..
    {{ DiscussionBoard.errors[2197178].message }}
    • Profile picture of the author webchamp
      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.
      {{ DiscussionBoard.errors[2218325].message }}
    • Profile picture of the author alexjames486
      That's a good suggetion
      {{ DiscussionBoard.errors[2744531].message }}

Trending Topics