Deathamns - Opera extension: Source

Opera extension: Source

Monday, January 17, 2011 10:22:42 PM

Updated: April 10, 2012 - v1.0.1

The main problems I faced with Opera's default source viewer are:

it doesn't convert links to click-able links,
if it has syntax highlighting, then it should be more nicer and preciser, but it is not,
on standard skin if you search for a string, it's nearly impossible to notice the highlighted text, because it has almost the same color (white) as the background.

This extension tries to solve these problems, and gives a few other handy source code related features.

Install extension Opera 11.60+

Features

- Viewing page-source with click-able links, text wrapping, line numbers, and since it is an HTML page, the search is same as on any other page (highlighted text on dimmed page)
- Viewing selection source
- Syntax highlighting with customizable colors, line numbering, custom shortcuts, text wrap
- Centering content for plain text or NFOs
- View NFO ASCII Arts in browser
- Edit/view the source of the selected element, or element removal with a single click
- HTML/CSS/JavaScript (auto) formatting
- JavaScript compressing
- BBCode/HTML generation from the highlighted code
- and more (details below)...

Disadvantages

Since it uses JavaScript to parse and highlight the code, will be slower than the default viewer. But this depends mainly on two things: the size of the source and the number of DOM nodes. For example, with a 5MB file that has a huge DOM tree, the load time can take be up to 30+ seconds on my (old) machine, and in the same case it uses a lot memory. But the most web-pages aren't that big, so, in most cases it'll work just fine.

So, how does it work?

Ctrl+F9 for viewing the page source or the selection source. It works for frames too, first click in the desired frame, and press the mentioned combination. If you are not sure that you are in a frame, or just want to check the top document's source, then press Ctrl+Shift+F9.

Since, Ctrl+F9 opens the source of the actual DOM, it may contain unwanted code pieces, for example modifications by other extensions, which is usually unnecessary to see. To filter these unwanted nodes from source, there is input in preferences, where you give an XPath query, and the extension will try remove the matched nodes (only) from the source viewer. It can remove element and attribute nodes, and since it is one XPath query, you have to catenate multiple queries with "|" sign. Here is an example that removes some other extensions' stuff (ExtendTube, Ghostery, AutoPatchWork, WOT, AdBlock, HyperTranslate and the last part which will remove all tags right under the root, which is not the head or the body, example for this is my other extension, Imagus).

/html/head/style[@id="ext-style-general" or @id="ext-page-clean-up" or starts-with(text(), ".ghostery-alert") or @id="AutoPatchWork-style" or contains(text()[position()=3], "WOT Services") or (starts-with(text(), "/*") and contains(text(), "! Fanboy"))] | 
/html/body/div[@id="wotwarning" or @id="wotwrapper" or (@style and count(@*) = 1 and string-length(@style) > 700 and contains(@style, "z-index: 21474"))] |
/html/*[not(self::head) and not(self::body)]

Ctrl+Alt+F9 [+Shift works here too] will make an AJAX request to get the original source. You can reload the source viewer, i.e., you don't have to open a new tab for viewing selection source on the same page, instead just select some text on the page, and press F5 in source viewer.

When viewing sources there is a "Go to line" feature also (key G), but only available if you enable line numbering.

Sometimes the highlighter can't determine which language is the opened file, and it will recognize incorrectly or as plain text. It's possible to re-highlight the script by pressing X and entering the (file)extension of the programming language (like js for JavaScript, py for Python).
There is a special use of this feature, when for the extension a "+" (plus sign) is given. In this case it will try to render the whole code as HTML.

To use compression for JavaScript files, press the shortcut (key C, only works on files that were identified or re-highlighted as js), and in the popup type the command-letters from the list.

Pressing F will format HTML, CSS or JavaScript to more readable code. Sometimes there are minified/obfuscated CSS/JavaScript codes in source viewer (Ctrl+F9), and if you don't want to format the whole file, you can select some code on the page (in case of JS/CSS, the surrounding tags needed too) and then press F, which will open a new window with the formatted version only of the selected code. Formatting can be set to be done automatically.

There is possibility to generate BBCode or HTML from the highlighted source. The method is similar like above, select some code in the source, press B, give the output format, which can be "html" or "bb" (before bb you can put a "#" sign to add hash-mark before color values), and press enter.

On web pages, Ctrl+Q will activate the inspecting mode (if you move your mouse, you'll see blue outlines around the elements, where every parent element is outlined), then if you click on one of them, you will be able to edit or view its source (depends on what is the default action; it can be set in preferences).
After you go to the edit mode, then under the textarea each parent node is listed from the target up to the BODY, so you can quickly change your target, and edit its outerHTML property. Shift + click on a tag will open a new tab with the element's source. Ctrl + click on a tag will remove it from DOM.

If you hold Shift along with the previous shortcut (so, Ctrl+Shift+Q), then you'll see green outlines. This indicates that now by clicking on an element will enable it's contenteditable property, and you can modify the content of that element.

To remove an element press Ctrl+Shift+R which will trigger the inspection (red outlines will appear), and clicking on an element will remove it from the DOM. Holding Shift key will allow you to remove more than one node without leaving the inspection (Shift also works in "green" mode). Ctrl + click will remove all nodes that have the same class as the clicked one has, Alt + click removes all nodes with same tag.

Jump between these three modes with Space. Quit from any mode: press again the shortcut, click with right mouse button or press Escape.

When you see some HTML code on a page (e.g., on a random forum someone shared a piece of HTML code), and you want to try out how will it look like in the browser, you can select that text and press Shift+F9, which will open a new page with the rendered HTML code.

You can enable the toolbar button, and reach the functions from there, or there is a simple API that you can use for context menu or for a button. It's window.oexSource(). If you want to put it into the context menu, you have to edit the standard_menu.ini file which is placed in Opera's installation folder. After you created a backup, find this line [Document Popup Menu]. Below this you can see the entries for a document's context-menu. Somewhere here insert a new line with this text:

Item, "View source" = Go to page,"javascript:(window.oexSource||alert)('Not available!')",,,Attachment Documents

Restart Opera, and there you go.
However, using these methods doesn't work well in frames, keyboard shortcuts are recommended.

Thanks for the icon: http://esk6a.deviantart.com/
Syntax highlighting is based on google-code-prettify
HTML/CSS/JavaScript formatting/unpacking is powered by jsbeautifier
JavaScript compression is powered by Closure Compiler Service

Translation

You can contribute by translating these files:
- lng.js
- options_lng.js
- description.txt
Open the files in a text editor, translate and send them (details in files).
Done: English, Hungarian, Russian (by burn).

Opera extension: Imagus

Comments

1 2 Next »

A.shunshunyi # Thursday, January 20, 2011 8:41:39 AM

lifeh2o # Thursday, January 20, 2011 4:25:00 PM

Can i have "View Selection Source" in context menu?

lifeh2o # Thursday, January 20, 2011 4:28:46 PM

I uninstalled this extension because it does not show the correct source. I selected some part of line and in source there was a

tag in start and end of the selection. try this one http://blog.webkitchen.cz/view-selection-source

Deathamns # Friday, January 21, 2011 9:10:44 PM

Originally posted by lifeh2o:

I selected some part of line and in source there was a
tag in start and end of the selection.

Maybe it was correct, but not that way as you expected. But OK, my fault, I didn't explain how it works exactly.
If the selection start and the selection end are on the same element, then ONLY the selection (if the selection has other elements, like bold text or link, then those elements too) will be copied and the element's tag (with attributes) will surround it.
If the selection goes through more elements, for example: if you start selecting from a table cell and drag outside from the whole table, and end with in a paragraph element, then the cell, row, (thead, caption if there is), table tags will be added to the beginning and the p close tag to the end of the selection. If you don't understand my poor English maybe this will help: http://img4.imageshack.us/img4/2083/oexsourceselection.jpg
(Actually the 2., 3. and the last examples are buggy, because it's not enclosed by div. And I found some more since I published version 0.7.)
The script that you linked prints out the entire content of the common parent of the elements in selection. E.g., on the linked page select the second header's text ("Try it right now!") and some words from the following paragraph ("To see how"), then compare that solution with mine.
That script will show much more data then I actually need. Mine script will show only the selected text with the necessary HTML tags.
Of course, it's up to you which way you prefer.

Originally posted by lifeh2o:

Can i have "View Selection Source" in context menu?

Unfortunately, Opera extension API does not support context menus.
But it's possible, like on Publog is described, but I have to add a global function, that you can use (if you're still interested).

lifeh2o # Saturday, January 22, 2011 11:04:11 AM

Now i understand, i will use it when i need. It will be very helpful and unlike above mentioned script

metude # Monday, January 24, 2011 11:48:03 AM

Extension is blocking *.txt files.
When i want to open a *.txt file on Opera, "Loading" is appearing on screen and doesn't loading. When i disable source extension, i can see txt file.
For example: http://ftp.opera.com/pub/opera/info/md5sum.txt

or you can try below text with selecting all then right click > go to address. (Tab Vault exporting seassion)

data:text/plain;,Opera%20Preferences%20version%202.1%0A%3B%20Do%20not%20edit%20this%20file%20while%20Opera%20is%20running%0A%3B%20This%20file%20is%20stored%20in%20UTF-8%20encoding%0A%0A%3B%20Save%20this%20file%20with%20a%20%22.win%22%20extension%20in%20your%20sessions%20folder.%0A%3B%20Macintosh%3A%20%7E/Library/Preferences/Opera%20Preferences/sessions/%0A%3B%20Windows%3A%20%25AppData%25%5COpera%5COpera%5Csessions%5C%0A%3B%20Linux%3A%20%7E/.opera/sessions/%0A%0A%5Bsession%5D%0Aversion%3D7000%0Awindow%20count%3D8%0A%0A%5B1%5D%0Ax%3D34%0Ay%3D108%0Aw%3D1246%0Ah%3D945%0Astate%3D0%0Arestore%20to%20state%3D0%0Aid%3D23210%0Aparent%3D0%0Asaveonclose%3D1%0Atype%3D0%0A%0A%5B2%5D%0Astate%3D2%0Arestore%20to%20state%3D0%0Aparent%3D23210%0Asaveonclose%3D1%0Atype%3D1%0Amax%20history%3D1%0Acurrent%20history%3D1%0Alists%3Dhistory%20url%2Chistory%20document%20type%2Chistory%20title%0Ashow%20img%3D1%0Aload%20img%3D1%0ACSS%20mode%3D1%0Ascale%3D100%0Ashow%20scrollbars%3D1%0A%0A%5B2history%20url%5D%0Acount%3D1%0A0%3Dhttps%3A//docs.google.com/Doc%3Fdocid%3D0ATDJ4E83a0DsZDk5cXJmcV8xMThmNjVwcDlnNA%26hl%3Den%26pli%3D1%0A%0A%5B2history%20document%20type%5D%0Acount%3D1%0A0%3D6%0A%0A%5B2history%20title%5D%0Acount%3D1%0A0%3DCSS%20Notlar%25u0131%20-%20Google%20Docs%0A%0A%5B3%5D%0Astate%3D2%0Arestore%20to%20state%3D0%0Aparent%3D23210%0Asaveonclose%3D1%0Atype%3D1%0Amax%20history%3D1%0Acurrent%20history%3D1%0Alists%3Dhistory%20url%2Chistory%20document%20type%2Chistory%20title%0Ashow%20img%3D1%0Aload%20img%3D1%0ACSS%20mode%3D1%0Ascale%3D100%0Ashow%20scrollbars%3D1%0A%0A%5B3history%20url%5D%0Acount%3D1%0A0%3Dhttp%3A//www.w3schools.com/css/css_mediatypes.asp%0A%0A%5B3history%20document%20type%5D%0Acount%3D1%0A0%3D6%0A%0A%5B3history%20title%5D%0Acount%3D1%0A0%3DCSS%20Media%20Types%0A%0A%5B4%5D%0Astate%3D2%0Arestore%20to%20state%3D0%0Aparent%3D23210%0Asaveonclose%3D1%0Atype%3D1%0Amax%20history%3D1%0Acurrent%20history%3D1%0Alists%3Dhistory%20url%2Chistory%20document%20type%2Chistory%20title%0Ashow%20img%3D1%0Aload%20img%3D1%0ACSS%20mode%3D1%0Ascale%3D100%0Ashow%20scrollbars%3D1%0A%0A%5B4history%20url%5D%0Acount%3D1%0A0%3Dhttp%3A//www.yuksekhedef.com/uyku/yaruyku.html%0A%0A%5B4history%20document%20type%5D%0Acount%3D1%0A0%3D6%0A%0A%5B4history%20title%5D%0Acount%3D1%0A0%3DD%DCZENL%25u0130%20VE%20VUCUDA%20YARARLI%20UYUMAK%20%25u0130%C7%25u0130N%20%25u0130ZLENECEK%20BASAMAKLAR%0A%0A%5B5%5D%0Astate%3D2%0Arestore%20to%20state%3D0%0Aparent%3D23210%0Asaveonclose%3D1%0Atype%3D1%0Amax%20history%3D1%0Acurrent%20history%3D1%0Alists%3Dhistory%20url%2Chistory%20document%20type%2Chistory%20title%0Ashow%20img%3D1%0Aload%20img%3D1%0ACSS%20mode%3D1%0Ascale%3D100%0Ashow%20scrollbars%3D1%0A%0A%5B5history%20url%5D%0Acount%3D1%0A0%3Dhttp%3A//www.opera.com/portal/upgrade/%0A%0A%5B5history%20document%20type%5D%0Acount%3D1%0A0%3D6%0A%0A%5B5history%20title%5D%0Acount%3D1%0A0%3DWelcome%20to%20Opera%0A%0A%5B6%5D%0Astate%3D2%0Arestore%20to%20state%3D0%0Aparent%3D23210%0Asaveonclose%3D1%0Atype%3D1%0Amax%20history%3D1%0Acurrent%20history%3D1%0Alists%3Dhistory%20url%2Chistory%20document%20type%2Chistory%20title%0Ashow%20img%3D1%0Aload%20img%3D1%0ACSS%20mode%3D1%0Ascale%3D100%0Ashow%20scrollbars%3D1%0A%0A%5B6history%20url%5D%0Acount%3D1%0A0%3Dhttp%3A//my.opera.com/chooseopera/blog/2011/01/05/learn-how-to-setup-gmail-in-opera%0A%0A%5B6history%20document%20type%5D%0Acount%3D1%0A0%3D6%0A%0A%5B6history%20title%5D%0Acount%3D1%0A0%3DChoose%20Opera%20-%20Learn%20how%20to%20setup%20GMail%20in%20Opera%0A%0A%5B7%5D%0Astate%3D2%0Arestore%20to%20state%3D0%0Aparent%3D23210%0Asaveonclose%3D1%0Atype%3D1%0Amax%20history%3D1%0Acurrent%20history%3D1%0Alists%3Dhistory%20url%2Chistory%20document%20type%2Chistory%20title%0Ashow%20img%3D1%0Aload%20img%3D1%0ACSS%20mode%3D1%0Ascale%3D100%0Ashow%20scrollbars%3D1%0A%0A%5B7history%20url%5D%0Acount%3D1%0A0%3Dhttp%3A//tunetune.net/tunes/converted/6417/learning-english-lesson-fourteen-body-language.html%0A%0A%5B7history%20document%20type%5D%0Acount%3D1%0A0%3D6%0A%0A%5B7history%20title%5D%0Acount%3D1%0A0%3DTuneTune%0A%0A%5B8%5D%0Astate%3D2%0Arestore%20to%20state%3D0%0Aparent%3D23210%0Asaveonclose%3D1%0Atype%3D1%0Amax%20history%3D1%0Acurrent%20history%3D1%0Alists%3Dhistory%20url%2Chistory%20document%20type%2Chistory%20title%0Ashow%20img%3D1%0Aload%20img%3D1%0ACSS%20mode%3D1%0Ascale%3D100%0Ashow%20scrollbars%3D1%0A%0A%5B8history%20url%5D%0Acount%3D1%0A0%3Dhttp%3A//www.renkliteneke.com/%0A%0A%5B8history%20document%20type%5D%0Acount%3D1%0A0%3D6%0A%0A%5B8history%20title%5D%0Acount%3D1%0A0%3Drenkli%20teneke%0A%0A

Also source of selection mode doesn't seeing codes of twitter image.
http://my.opera.com/chooseopera/blog/2011/01/20/10-000-views-and-1000-comments

Select first paragraph on above link, then press ctrl + f9.

My English is weak. I'm sorry for this. If you didn't understand, i can try again.

Deathamns # Monday, January 24, 2011 3:48:14 PM

Originally posted by metude:

Select first paragraph on above link, then press ctrl + f9.

Yeah, this is definitely a bug, at least was a bug that I've already fixed in the development version.

But with txt files I don't see any problem. For me they are working properly. Here is the actual state of my development: link. Try with this, and if still not working, then: Can you tell me what is in the Error Console when you open a txt file and what extensions you are using beside Source?

metude # Wednesday, January 26, 2011 8:19:52 PM

Originally posted by Deathamns:

But with txt files I don't see any problem. For me they are working properly. Here is the actual state of my development: link. Try with this, and if still not working, then: Can you tell me what is in the Error Console when you open a txt file and what extensions you are using beside Source?

Looks like txt issue fixed with RC2 (11.01). I have tested with 0.8 and 0.7. Probably it was a Opera bug.

Originally posted by Deathamns:

Yeah, this is definitely a bug, at least was a bug that I've already fixed in the development version.

I'll use alpha version. Between, stable version of extension is making coloured that code of tab vault but 0.8 isn't...

data:text/plain;,Opera%20Preferences%20version%202.1%0A%3B%20Do%20not%20edit%20this%20file%20while%20Opera%20is%20running%0A%3B%20This%20file%20is%20stored%20in%20UTF-8%20encoding%0A%0A%3B%20Save%20this%20file%20with%20a%20%22.win%22%20extension%20in%20your%20sessions%20folder.%0A%3B%20Macintosh%3A%20%7E/Library/Preferences/Opera%20Preferences/sessions/%0A%3B%20Windows%3A%20%25AppData%25%5COpera%5COpera%5Csessions%5C%0A%3B%20Linux%3A%20%7E/.opera/sessions/%0A%0A%5Bsession%5D%0Aversion%3D7000%0Awindow%20count%3D3%0A%0A%5B1%5D%0Ax%3D34%0Ay%3D30%0Aw%3D1246%0Ah%3D719%0Astate%3D0%0Arestore%20to%20state%3D0%0Aid%3D22351%0Aparent%3D0%0Asaveonclose%3D1%0Atype%3D0%0A%0A%5B2%5D%0Astate%3D2%0Arestore%20to%20state%3D0%0Aparent%3D22351%0Asaveonclose%3D1%0Atype%3D1%0Amax%20history%3D1%0Acurrent%20history%3D1%0Alists%3Dhistory%20url%2Chistory%20document%20type%2Chistory%20title%0Ashow%20img%3D1%0Aload%20img%3D1%0ACSS%20mode%3D1%0Ascale%3D100%0Ashow%20scrollbars%3D1%0A%0A%5B2history%20url%5D%0Acount%3D1%0A0%3Dhttp%3A//articles.sitepoint.com/article/html-css-beginners-guide%0A%0A%5B2history%20document%20type%5D%0Acount%3D1%0A0%3D6%0A%0A%5B2history%20title%5D%0Acount%3D1%0A0%3DLearn%20HTML%20and%20CSS%3A%20An%20Absolute%20Beginner%27s%20Guide%0A%0A%5B3%5D%0Astate%3D2%0Arestore%20to%20state%3D0%0Aparent%3D22351%0Asaveonclose%3D1%0Atype%3D1%0Amax%20history%3D1%0Acurrent%20history%3D1%0Alists%3Dhistory%20url%2Chistory%20document%20type%2Chistory%20title%0Ashow%20img%3D1%0Aload%20img%3D1%0ACSS%20mode%3D1%0Ascale%3D100%0Ashow%20scrollbars%3D1%0A%0A%5B3history%20url%5D%0Acount%3D1%0A0%3Dhttp%3A//www.yuksekhedef.com/uyku/yaruyku.html%0A%0A%5B3history%20document%20type%5D%0Acount%3D1%0A0%3D6%0A%0A%5B3history%20title%5D%0Acount%3D1%0A0%3DD%DCZENL%u0130%20VE%20VUCUDA%20YARARLI%20UYUMAK%20%u0130%C7%u0130N%20%u0130ZLENECEK%20BASAMAKLAR%0A%0A

metude # Sunday, January 30, 2011 8:03:05 AM

In this page, and similar pages in this domain i'm seeing some stange codes on source with Source Extension. http://htmldog.com/examples/borders.html ~~This codes is looking after last tag in page.~~

<div style="background-attachment: scroll; background-repeat: repeat; background-image: none; background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: #808080; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; visibility: hidden; z-index: 65535; top: 0px; left: 0px; position: absolute; border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; border-bottom-color: currentColor; border-top-width: medium; border-left-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; box-shadow: 0px 0px 1px, 5px 5px 5px; text-align: left; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis"><img src="data:image/png;base64,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" style="vertical-align: middle"><span style="top: 0px; left: 0px; z-index: 10; background-color: transparent; color: #ffffff; text-shadow: 0px 0px 10px, 0px 0px 4px, 0px 0px 1px; font-size: 10px; text-indent: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; white-space: pre; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; width: 100%">usoPreviewPopup</span></div><div style="position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: -65535; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-color: currentColor; border-left-color: currentColor; border-right-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; display: none"></div><div style='font-size: 12px; color: #000000; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; background-color: #ffffff; line-height: 100%; opacity: 1; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; text-align: left; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; position: fixed; max-width: 400px; z-index: 2147480064; font-family: "Arial", "Helvetica", sans-serif'></div><div style="display: none; position: fixed; max-height: 591px; width: 450px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: #808080; border-right-color: #808080; border-bottom-color: #808080; border-left-color: #808080; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; background-color: #ffffff; overflow-x: auto; overflow-y: auto; min-height: 200px; z-index: 2147479936; text-align: center; color: #000000; right: 0px; top: 0px"><textarea style="height: 80px; width: 444px; border-top-color: rgba(7, 0, 0, 0); border-left-color: rgba(7, 0, 0, 0); border-right-color: rgba(7, 0, 0, 0); border-bottom-color: rgba(7, 0, 0, 0); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px"></textarea><select><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="auto" selected="selected">Detect language</option><option value="nl">Dutch</option><option value="en">English</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option></select><span style="font-weight: 700; cursor: pointer; color: #d3d3d3">⇄</span><select><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en" selected="selected">English</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option></select><div style="text-align: left; background-color: #ebeff9">English (auto-detected) » English</div><div style="width: 444px; max-width: 444px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; min-height: 80px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #808080; border-right-color: #808080; border-bottom-color: #808080; border-left-color: #808080; background-color: #ffffff; text-align: justify"><br></div></div></body></html>

Probably, this is about other extensions. Because I'm using almost 20 extension. But Opera's source code viewer doesn't showing that codes. Edit: This codes is looking before </body></html> tags.

Deathamns # Sunday, January 30, 2011 9:26:01 AM

In your case Image Preview Popup and HyperTranslate are doing this.
They (almost) always put this code into DOM regardless you use their features or not.

The version 0.8 of my code will have possibility to check the original source of a page. It will be a little slower since it uses a plus query to reload the content (I don't know any better method), and may not work on every dynamic page, because e.g., if you sign out from a site in a tab, and want to check the source in another tab where you still logged in (at least you think), then you'll get different code than what you expect.

metude # Sunday, January 30, 2011 10:44:40 AM

Have a nice working...

PengePenge4 # Wednesday, February 2, 2011 11:21:57 AM

Conflict with UJS Manager script installer (infinite "Loading..." message without showing the script source).

Deathamns # Wednesday, February 2, 2011 4:55:20 PM

Works properly here (v0.7). I didn't find anything that might cause this problem.
I'm planning to release the next beta tomorrow, maybe that will solve your problem.

PengePenge4 # Friday, February 4, 2011 10:16:18 AM

The problem is solved in 0.8 beta.

// Ezt betehetnéd még a magyarra fordított változathoz, hogy teljes legyen a leírás ott is. /* Főbb funkciók: - Aktuális DOM fa megtekintése szép kódkiemeléssel és kattintható linkekkel. Ez nem az oldal eredeti forráskódja (benne vannak például a UserJS-ek és kiegészítők által módosított részek), de a legtöbb esetben ugyanaz. - Kiválasztás vagy egyetlen elem forrásának megtekintése. - Szintaxis kiemelés, opcionális szövegtördelés és kattintható linkek a forráskódokban. Opcionális szöveg középre igazítás sima szövegeknél és NFO fájlok jobb minőségű megjelenítése. Használata: Ctrl+F9 (alapértelmezésben) az egész oldal, vagy a kiválasztás forráskódjának megnyitása. Ha az oldalon vannak frame-ek és a felső frame forrását akarod megnyitni Ctrl+Shift+F9 Ctrl+Alt+F9 újratölti a tartalmat. Például RSS esetén hasznos, ha az eredeti XML forrásra vagy kíváncsi, mert az Opera saját HTML lapot generál neki. Szerkeszteni/megnézni egy elem forrását Ctrl+Q-val tudod (miután a kék kerettel kiválasztod a megtekinteni kívánt részt. Egy elem szöveges tartalmának szerkesztéséhez nyomj Ctrl+Shift+Q-t és kattints a zöld keretre. Ctrl+Alt+Q-val tudsz node-ot eltávolítani (vagy Shift+klikk használatával azonos class-szal rendelkezőket). Itt piros kerettel tudsz választani. Space-szel tudsz váltogatni ezen 3 kiválasztási mód között. A szintaxis kiemelés automatikusan történik. További információkért látogass el a támogatási oldalra, vagy a kiegészítő beállításainak oldalára. Jövőbeli tervek: - JavaScript kódok formázása. - JavaScript/CSS tömörítés A szintaxis kiemelés ezen alapul: http://code.google.com/p/google-code-prettify/ Az ikonokért köszönet: http://esk6a.deviantart.com/ */

Deathamns # Friday, February 4, 2011 10:37:54 AM

Originally posted by Penge4:

Ezt betehetnéd még a magyarra fordított változathoz, hogy teljes legyen a leírás ott is.

Szándékomban állt, de nem jöttem rá, hogy hogyan lehetséges. Az a rövid leírás, ami van, a config.xml-ben szerepel (és automatikusan kapott egy új oldalt). Ha megnézed a többi többnyelvű kiterjesztést, akkor azoknál is csak egy nyelv esetében van hosszabb leírás (legalábbis én nem találtam olyat, ahol mindegyiknél lenne).

metude # Friday, February 4, 2011 12:24:35 PM

1-Removing an elemnt in page with shortcut is good.
But sometimes i have to remove many element. So why i have to use shortcut for every element. I want to remove them quickly.

2-This is about Ctrl+Shift+Q. When press that shortcut second time, it should close editable content feature. This will be good. (If it possible all related shortcuts, this will be twice good.)

3- Optional toolbar icon and menu could be nice. I made a ugly concept.
http://img196.imageshack.us/img196/8466/source08betaconcept.jpg

QUESTION: I didn't work out Format CSS (F) mode?

Edit: Forget to adding concept image.

Deathamns # Friday, February 4, 2011 2:44:46 PM

1. Shift + click will remove a node too, but in the same time stays in inspecting mode, so you can remove another one, without pressing Ctrl+Alt+Q again.

2. Pressing (any of three) shortcut again will leave inspecting mode. If you want to disable contenteditable property for an element (so, when an element has a green dashed outline, and you want to remove it) you have to go into inspecting mode again (Ctrl+Shift+Q) and click on that element.
But in the future releases the Esc key will help on this.

3. Maybe the v1.0 will have toolbar icon and popup menu. But, for now, I won't give high priority for this.

Originally posted by metude:

QUESTION: I didn't work out Format CSS (F) mode?

For an example, open a CSS file and press F.

metude # Friday, February 4, 2011 6:18:01 PM

2. Still didn't leaved. http://prntscr.com/1iwib
If you're not living any problem with, maybe this is my fault.

3.

Originally posted by Deathamns:

For an example, open a CSS file and press F.

Nice

metude # Friday, February 4, 2011 8:51:32 PM

Alt Gr + Q doing same job with Alt + Q. Is there any way block this. I don't want to change shortcuts.

Deathamns # Saturday, February 5, 2011 12:46:36 AM

2. So, Ctrl+Shift+Q and click to enable an element's contente-ditable property (if has green dashed outline, then it's activated). And again, Ctrl+Shift+Q and click on the same element to disable (if outline will disappear, then it's disabled).

Originally posted by metude:

Alt Gr + Q doing same job with Alt + Q. Is there any way block this.

I don't really understand what you say, but in javascript the two alt (or ctrl) are treated as equals (if my knowledge is correct).

mjnc95 # Saturday, February 5, 2011 1:04:01 AM

version: 0.8-beta

There is a slight problem with the display of HTML select box.

The select tag and All of the option tags are displayed on a Single line, with Or without line wrapping.
Adding blank lines between the option tag lines in the source code did not change the display output.

Very nice extension.
I appreciate your offering.

metude # Saturday, February 5, 2011 7:41:52 AM

Originally posted by Deathamns:

2. So, Ctrl+Shift+Q and click to enable an element's contente-ditable property (if has green dashed outline, then it's activated). And again, Ctrl+Shift+Q and click on the same element to disable (if outline will disappear, then it's disabled).

Done. Understood.

Originally posted by Deathamns:

I don't really understand what you say, but in javascript the two alt (or ctrl) are treated as equals (if my knowledge is correct).

For example in this comment form box, when i press Alt Gr + Q to add @ character. Firstly it's enabling remove element mode. If i need to add @ character, i have to press two time.

Some js codes seperating them as left alt, right alt. I have seen before...

Sorry for my weak English.

Deathamns # Saturday, February 5, 2011 5:30:19 PM

Originally posted by mjnc95:

The select tag and All of the option tags are displayed on a Single line, with Or without line wrapping.

I cannot change this behavior since Opera automatically removes the white-space inside the select tag. But not always, e.g., on this page at the bottom in language selector. I didn't figured it out how it works.
And here you can find dark 2 theme (which is actually called "desert", and here are others too: default, light, dark 1 used by this site).

Originally posted by metude:

For example in this comment form box, when i press Alt Gr + Q to add @ character.

I tested both alt key and they are always equals (at least for me).
But for removing a node, you have to use Ctrl+Alt+Q, not only Alt+Q.

Edit: I've read about AltGr and why not recommended to use Alt key for shortcuts. I'll figure out something in the next release.

Alexanders-a-s-h # Monday, February 21, 2011 11:37:52 AM

There's a bug: I bound this extension to ctrl+[alt+shift]+U key and now typing 'U' without any modifiers also shows source code of page. This is wrong. Nothing should happen (except adding U into input field if it is active). Shift+U also should do nothing. If someone needs it then he/she will need to use F* key

Also would be good to implement color scheme preview in settings page. I think that you already plan to add it along with custom color schemes.

PS. Thank for this brillian extension. It brings same feature reach source code viewing as in other browsers.

Deathamns # Monday, February 21, 2011 10:00:58 PM

Thanks for reporting! Will be fixed in the next release.

Originally posted by s-a-s-h:

Also would be good to implement color scheme theme preview in settings page.

Not sure that the next, but the version 1.0 will have this too.

Daniel15daniel15 # Wednesday, February 23, 2011 10:08:00 AM

Great extension, very helpful!

Li Haominlhmoperaunite # Wednesday, March 2, 2011 4:31:43 PM

it would be perfect if i could set tab width and replace them with spaces

Deathamns # Wednesday, March 2, 2011 8:47:37 PM

Added to the to-do list...

metude # Friday, March 11, 2011 7:05:26 AM

1. Click this link > http://bit.ly/ehDE6M
2. Close opened tab with that link.
3. Click that link once again.
4. Now Soruce extension will show source of page.

I tried with clean installion, too. Looks like a bug. Maybe it's a Opera's bug.

Deathamns # Friday, March 11, 2011 11:08:53 AM

I could reproduce this only in the latest snapshot (11.10 build 2033). So, I think it is an Opera bug.

metude # Friday, March 11, 2011 3:00:52 PM

Originally posted by Deathamns:

I could reproduce this only in the latest snapshot (11.10 build 2033). So, I think it is an Opera bug.

Can you report it to Opera?
I have no idea what triggering it.

İsmail YEŞİLYURTE32KERNEL # Sunday, March 13, 2011 7:46:31 PM

This is a wondeful add-onn.Thanks...

Unregistered user # Sunday, March 27, 2011 5:53:01 AM

Joks writes: in Opera 11.10 build 2064 in this extension there is a problem with userscripts.org for example http://userscripts.org/scripts/source/86257.user.js when i click install, i don`t see the code ;/ only i see that the code is loading and nothing else

Unregistered user # Monday, March 28, 2011 1:10:34 PM

Anonymous writes: Can i disable shortcuts? i do not like current set, and i am not able to e.g. assign ctrl+f9 to ctrl+shift+fxx or just to disable it

Deathamns # Monday, March 28, 2011 3:35:34 PM

Originally posted by metude:

Can you report it to Opera?

They fixed it in the build 2053.

Originally posted by anonymous:

Joks writes: ...

No problem here. Maybe another extension or userJS interfere the syntax highlighting. It would be good to know what extensions you are using...
In the next update I'll make a little protection for this (if highlighting fails then plain text will appear).

Originally posted by anonymous:

Anonymous writes: Can i disable shortcuts?

Disabling shortcuts is not possible for now, maybe in future releases.

metude # Saturday, April 2, 2011 9:24:25 AM

Originally posted by Deathamns:

They fixed it in the build 2053.

I noticed.

Originally posted by Deathamns:

Disabling shortcuts

This may be nice...

Unregistered user # Friday, April 15, 2011 6:18:24 PM

Stager NYC writes: WTF is "linkify and "centerize" ??? What's wrong with link and center? Annoying to see the English language fucked up like that. I'd like to change those words in the settings panel if at all possible.

Deathamns # Friday, April 15, 2011 9:52:54 PM

I will correct them.

Great Land WebGreatLand1959 # Tuesday, April 26, 2011 2:37:51 PM

Shortcuts options definitely need to be addresses. The default CTRL-R for "Remove element from DOM" gets ignored on a Mac and is instead mapped to CMD-R, which is the default for PAGE REFRESH. Not a good thing. Can I suggest you work with a Mac developer to make this more compatible with Mac Opera.

Deathamns # Tuesday, April 26, 2011 3:15:40 PM

You can change the shortcuts on preferences page, at least the last character.

Here is the actual state of the development: 0.9.5, but it's still in the alpha phase.
I've re-written the shortcut handling, and now you can set any combination you want. Before you install, remove any previous version, and it's only compatible with the latest version of Opera (11.10).

Great Land WebGreatLand1959 # Sunday, May 1, 2011 6:56:42 AM

Originally posted by Deathamns:

You can change the shortcuts on preferences page, at least the last character.

Unfortunately, it appears that most (if not all) of the CMD-(letter) combinations are already assigned to various functions. So the ability to assign the hotkeys to something other than CTRL(CMD) would be welcome and beneficial. Since you are already including that in the next version, I will check it out as it gets closer to the final version.

Thank you.

(P.S., your English is fine. In fact, it is better than some people who claim it as their native language!)

metude # Saturday, May 7, 2011 8:07:32 PM

I selected some text in frame in this url. Then i clicked "Show selection source" button. It doesn't worked correctly. It showed all page's source.

Deathamns # Saturday, May 7, 2011 8:53:23 PM

There is no support for frames with buttons or context menu.
Use shortcuts instead.

metude # Friday, May 13, 2011 6:33:41 PM

In draft.blogger.com, when i'm editing or creating a new post, space doesn't working. I'm pressing space key, it doesn't working.

Deathamns # Friday, May 13, 2011 7:51:23 PM

I tried (with default settings) and it works as expected.

metude # Saturday, May 14, 2011 7:00:16 AM

Try in Compose mode.

But looks like your browser.js file not working.
Try here: http://www.opera.com/docs/browserjs/#updateManually
then go Compose mode and press space button.

Deathamns # Saturday, May 14, 2011 11:43:28 AM

Yeah, I see now. If you can't wait, here is a quick fix.

metude # Saturday, May 14, 2011 6:59:04 PM

Originally posted by Deathamns:

Yeah, I see now. If you can't wait

I'm using your quick fix now. Thanks!

metude # Sunday, May 15, 2011 9:53:40 AM

Quick fix doesn't working. I tried remove original one, after i installed your quick fix. Now i tried and it doesn't working. Still space button doesn't working.

DitherDitherSky # Monday, May 16, 2011 4:17:28 AM

Thanks for the extension.

Is it possible to add an option to generate BB-coded text from a selection in addition to or instead of pure HTML source (with some fitting tag reduction)?

1 2 Next »

Showing comments 1 - 50 of 74.