Forum Moderators: open

Message Too Old, No Replies

Another Reason To Love Mozilla

View Selection Source!

         

Hester

9:39 pm on Nov 5, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I just noticed how you can highlight part of a web page in Mozilla 1.5 on Windows, right-click and choose View Selection Source. This pops up a window with the actual code used to make the highlighted area! If your highlight covers more than one set of tags, you get the whole source code, with the relevant lines highlighted. Otherwise a single line of code is shown.

What a fantastic idea! Rather than wading through a whole file to see how something was coded on a web page, use this method to see only the part you need.

Reflection

9:41 pm on Nov 5, 2003 (gmt 0)

10+ Year Member



Cool thanks for the heads up I wasnt aware of this feature.

DrDoc

9:44 pm on Nov 5, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hey, that's really neat!

bcolflesh

9:49 pm on Nov 5, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I can't find it anymore, but IE 4 was the first browser with this capability via a power/kernel toy available on the unsupported downloads site - It seems odd they didn't keep that functionality - most of the other toys got rolled into the new browser or OS versions.

<edit> aha - Web Developers Accessories
http://www.microsoft.com/windows/ie/webaccess/webdevaccess.exe

- but the page doesn't exist anymore :( </edit>

[edited by: Brett_Tabke at 1:26 am (utc) on Nov. 11, 2003]
[edit reason] virus risk - please don't directly link to executables... [/edit]

photon

10:00 pm on Nov 5, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Forgive the stupid question, but is that in Firebird as well? Didn't know if it and Mozilla were synonymous.

bcolflesh

10:07 pm on Nov 5, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Here it is!:

www.microsoft.com/windows/ie/previous/webaccess/webdevaccess.asp

Works fine in IE 6.x, regardless of the Note on the page - feels like my old friend is back...

tedster

1:23 am on Nov 6, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



...is that in Firebird as well?

Yes

TGecho

3:53 am on Nov 6, 2003 (gmt 0)

10+ Year Member



<jealousy level="low" reason="opera user">Wow, that's pretty neat!</jealousy>

photon

2:50 pm on Nov 6, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Thanks Tedster.

I'm assuming that there's currently nothing similar for Opera?

I'm glad I've started keeping multiple browsers around....

2oddSox

3:10 pm on Nov 6, 2003 (gmt 0)

10+ Year Member


Nice one Hester :)

bcolflesh, thanks for the link to the IE version. The exe file wouldn't work for me so I did a search for the file and found this page...

http://www.wats.ca/resources/testingtools/44

...it has that little goodie and a few other neat add-ons there. It might be of use to some people.

2odd...

g1smd

11:36 pm on Nov 6, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



That feature has been in Mozilla since at least version 1.1 and is neat.

How about this other one? Click on a table cell, or a group of table cells, a row, a column, or a whole table, while holding down the Control key and you can see the cell or table borders temporarily outlined. You can then also copy all of the selected cell contents to the clipboard.

Do it with the Shift key held down, instead, and it will highlight all of the cells between the first selected and the last selected.

That's neat too!

txbakers

6:16 am on Nov 7, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



very cool. Never noticed those before.

Which brings me back to my old argument about the browser wars. Rendering should work the same across all browsers. JS/CSS should work across all browsers period.

Let the wars be fought on the nifty features, not on basic functionality.

Just like all keyboards today will work with a PS2 port regardless of manufacturer. The little buttons make one different from the other. But the "Q" is always in the same place.

g1smd

5:47 pm on Nov 7, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



>> But the "Q" is always in the same place. <<

Unless you're in France, where they use an AZERTY keyboard instead.

I find the multiplicity of International keyboard layouts extremely confusing.

[edited by: g1smd at 5:53 pm (utc) on Nov. 7, 2003]

fashezee

5:50 pm on Nov 7, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Where can I download Mozilla?

fashezee

9:54 pm on Nov 7, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Can't believe that question was asked.

it seems you under-estimate the power of laziness.

amznVibe

10:28 pm on Nov 7, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



There have been a few add-ons to do "view partial source" in IE for years.

Here's the MS add-on [microsoft.com] (works fine in IE6)

another one is IE Booster [paessler.com]

and there are a few bookmarklets/favlets to do it too

BjarneDM

11:40 pm on Nov 7, 2003 (gmt 0)

10+ Year Member



Other standard thing that come with Mozilla :
-- DOM inspector that makes it possible for you to edit any page live
-- JavaScript Console
-- JavaScript Debugger
-- View Info on a page is *really* extensive

If you like Mozilla in it's standard configuration, then take a look at these extensions to it :
[multizilla.mozdev.org...]
- you can switch javascript on and off quickly
- you can change user-agent and referrer
[livehttpheaders.mozdev.org...]
- you can trap the transmission details between the browser and the server
[placenamehere.com...]
- you can switch off stylesheets,
- you can outline page elements,
- you can send a URL to validation

All of the above mentioned has *really* *great* value when developing, debugging, and testing websites

bcolflesh

12:09 am on Nov 8, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



My favorite Mozilla plugin is Checky:

checky.mozdev.org/

g1smd

1:57 am on Nov 8, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Add these as Bookmarklets, in your Personal Toolbar Folder.

.

Mode (click the bookmarklet to tell you the browser mode for the current page):

javascript:(function(){var mode=document.compatMode,m; if(mode){if(mode=='BackCompat')m='Quirks'; else if(mode=='CSS1Compat')m='Standards Compliance';else m='';alert('The document is being rendered in '+m+' Mode.');}})();

.

Validate HTML 4.01:

javascript:void(window.open('http://validator.w3.org/check?uri='+window.location+'&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1&verbose=1'))

.

Validate CSS:

javascript:void(window.open('http://jigsaw.w3.org/css-validator/validator?uri='+window.location+'&warning=1&profile=css2'))

Hester

10:10 am on Nov 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



- you can switch off stylesheets,
- you can outline page elements

Opera comes with these features as standard.

bcc1234

10:43 am on Nov 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Opera comes with these features as standard.

Opera does not have one thing Mozilla has.
Being an open source project, Mozilla has a lot of extension modules and more are being developed constantly.

photon

7:50 pm on Nov 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I apparently can't figure out how the MS add-on works, if indeed it works in IE6. Is it supposed to show up as a separate menu, a menu item, a standalone app,...?

bcolflesh

7:55 pm on Nov 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



After it is installed, highlight part of the page & right-click - you'll have a new item in the context menu called "View Partial Source".

photon

8:31 pm on Nov 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Excellent! Thanks for the info.