Is the same htm source edit extension available on windows? - google-chrome-extension

I'm looking for the chrome extension that allows you to edit html source and instantly view the result. See the screenshot for mac, perhaps there is no such software available for windows version of chrome, but I would appreciate the mac version reference too.

There is already this kind of tool built in to Chrome. If you right click on HTML page and select "Inspect Element" you can make your changes and Chrome will update itself automaticly.
If you don't like this feature however and want one that looks beter, check out this link. I'm almost certain there will be some results that you like.
https://chrome.google.com/webstore/search-apps/Editor

I'm terribly sorry, this is NOT a chrome plugin, but node.js application https://github.com/phuu and this is really good one see the screen

Related

What browser can update the webpage live as I edit HTML in the inspector?

I used to use Firefox and the beloved plugin Firebug to work with web pages, since you can edit the HTML-code, and see the result on the page as you edit it.
The last version to support this and firebug was Firefox 49, and all newer Firefox, Chrome and Safari version doesn't have this. You can edit the code, but you have to click outside or CMD/CTRL-Enter to confirm the changes.
Why isn't this implemented in newer browsers, it doesn't seem that complicated, and it's so useful. I can't believe I can't find anyone else discussing this on the Internet.
Is there any browser version and/or plugin to Chrome that can do this?
Thanks!
As far as I know, no browser allows this and there isn't any extension for that, unfortunately.
Though there is a feature request for the Firefox DevTools asking to add live editing.

Offer to change the default search engine for the omnibar

I'm looking to offer the user (inside my Chrome Extension) the option to change their Omnibox default search engine.
Sadly, I've been unable to find any documentation on how to do something like this. Has anyone does this before successfully?
Actually with new versions of chrome it's possible through chrome API via settings_override section. But for now it's working only on windows.
Not possible, sadly. See this bug filed in Chromium

How is the panel displayed when launching Chrome Hangout extension made to be always on top and pinned?

When launching the Chrome Extension Google-Hangouts, a panel initially appears that lists members and a link/button to create a new Hangout.
This panel is initially pinned to the bottom right of the browser window. When pinned like this, it remains always on top as a browser navigation session continues: users can go to different URLs, change tabs, etc. and that panel stays at the bottom right and stays on top of all other windows (or at least on top of the main browser window).
Once it's unpinned, you can drag it around the window, but it no longer stays always on top.
My question is, how was that achieved - what code, or what functions, do i need to call to create that window/panel so that it stays initially pinned and always on top? Is there some binding to some native code that's involved? Some other approach?
If anyone know and can show or explain, i would be hugely grateful as this feature is key to an extension i'm trying to build.
Thanks a lot!
This may not be an answer but to get a clue of what is happening I extracted the crx file to view its content there are a few OS specific files : ace.dll , libace.so and ace. After researching a bit i found this. This is a plugin. Hangouts extension is using ace plugin which is actually running on your desktop(i'm not sure about this). You can check this article
I found this related post: How to build an chrome extension like Google Hangouts
ACE is actually not what makes the window, Chrome has that capability built in, apparently. Even if you don't enable panels, extensions from Google can still make them, provided your OS is capable.

Sharepoint - Accessing PDF links via Chrome

Firstly let me state that I have zero experience with Sharepoint so this may be a pretty stupid question.
I started a new job yesterday and part of the induction is viewing the company literature via their Sharepoint portal. I've noticed that whenever I try to access an embedded PDF link via Chrome it seems like it's a broken link and appears to do a Google search instead. Yet when I try the exact same steps using IE all works as expected.
I don't want to raise this with my boss if it's going to make me look a little stupid! Is there some cross browser issue with PDF links?
Thanks.
Darren, try flushing the cache in Chrome, and if necessary, log off and log back into your computer. We've had the same problem with Chrome and Google doesn't seem to be fixing the problem (although they might point the finger back at Microsoft).
Yes I have the same issue with Chrome and Firefox
Sharepoint is optimized for IE and vice versa
You also can't open Files with the "Check in and Check out" functionality because only IE is able to do that from Sharepoint (Other Browsers will just Download the File)
You can try using AddOns like IE-Tab
(simply uses the IE algorithms within FF and Chrome for specific Sites)
But its better to use Sharepoint with IE

is there a firefox addon that provides jsFiddle like features

I just saw jsFiddle today and am wondering that is there a FireFox addon that provides jsFiddle like features. Especially when you enter the html and css, jsFiddle shows you a layout of the page. Is there any addon that shows such layout for "offline viewing"? I use Firebug but there isn't such layout. Does somebody know about it?
Not a firefox add-on, only in the interest of self-promotion:
I have created a Vim script with similar (but at the moment very limited) functionality: vimfiddler. Vim integrates with selenium to drive a browser. Provides a jsfiddlerish experience running locally on your own computer.
In Google Chrome you can edit every element of the page. Just open a new tab, hit F-12 and edit to your heart's desire. Add some css or javascript to the head tags, put whatever HTML you want in the body, and you're good to go.
This add-on sounds like what you need : https://addons.mozilla.org/en-us/firefox/addon/devtools-prototyper/?src=ss
Just install it, open the devtools, then switch to the "Prototyper" tab.

Resources