Is it possible to use chrome dev tool on my microsoft edge? - google-chrome

I just want to inspect the elements on chrome dev tool. Any way to connect them? Like the image given

No. The closest attempt appears to be this project: IEDiagnosticsAdapter. However, it doesn't appear to be actively maintained and I could only get it to work with IE11 (not Edge). It isn't full featured either.
I don't think Edge has builtin support for the Chrome DevTools Protocol.

Microsoft Edge supports DevTools protocol partially.
https://learn.microsoft.com/en-us/microsoft-edge/devtools-protocol/

Related

Redirect URLs to Microsoft Edge even if I'm already in Microsoft Edge

My objective is to force an URL to be opened in Microsoft Edge. I found a way to do this with : microsoft-edge:url.
The fact is that this method works under Internet Explorer, Chrome but NOT in Edge. Using this method in Edge will open a Bing search but not my link.
I'm encountering this issue because I want to change a link from a website and it doesn't work at all if I'm already in Edge.
Is there any solution?
The microsoft-edge:url protocol enables other browsers to switch to Edge, except Edge itself since you're already in Edge. In this case, I would suggest modifying your code. You can first detect if the user is using Edge or other browsers. For other browsers, you can use microsoft-edge:url protocol; For Edge, you can simply use the url.

How can I get SSRS and Chrome to work together?

Chrome is my preferred browser; I need to interact with SQL Server Reporting Services, though, and when I navigate to a report created with Report Builder (*.rdl file), in Chrome I get no contextual menu. When hovering over the report, it does "light up" (a yellow border is drawn around it) and a dropdown arrow appears in the NE corner, but clicking it does nothing whatsoever.
In IE, it works just fine. However, I really don't want to use IE if I don't have to.
Sharepoint has similar issues (things that can't be done in Chrome and Firefox work fine in IE). Do I just have to "bite the bullet" and use IE when interfacing with Microsoft products, or is there a way to use SSRS from Chrome?
The answer to this very much depends on the version of SQL Server Reporting Services being used, which you haven't mentioned.
In the upcoming SQL Server 2016 version, Chrome is a fully supported browser for interacting with Reporting Services.
However for earlier versions, the only non-IE browsers supported (or at least partially supported) are Firefox and Safari. Older versions support progressively fewer features for non-IE browsers.
This means unless you have SQL Server 2016, using Chrome for reporting services is going to mean compatibility issues. To work around this there are a couple of possible solutions:
1) In a corporate environment, consider using the Legacy Browser Support extension for Chrome - this requires Group Policy settings to force some URLs to open in an IE window.
2) Use the IE Tab extension in Chrome to render certain sites using the IE rendering engine, but inside a Chrome tab.

Seeing topographical information in Chrome

The Firefox Web Developer's Toolbar had an option under Information to see the topographical information about a page: what's inside of what. Is there any way to see that with Chrome's Dev Tools?
I installed the Web Developer's Toolbar on Chrome but can't see any way to turn the toolbar on. Then I found something from 2013 about Google disabling toolbars.
So, is there a way to see what elements are inside of what elements with Chrome?
I'm using Chrome 34.0.
Thanks
The Pendule Chrome extension has a Topographic View which works like the Firefox one.
And about the Web Developer extension in Chrome, after you install it, you'll be able to enable it from chrome://extensions/, it will show a gear icon button at the top right of the screen.
According to William Price's comment, something that was once called "Tilt" in FireFox is meant. We considered doing the same thing, but since it was impossible to correctly display overlapped elements' contents (IIRC, Tilt had the same issue), we abandoned that idea. Instead, we've got the Layers panel, which displays compositing layers (see Layer composition in the chrome dev tools).

firebug alternative in internet explorer

i am searching for firebug alternative for internet explorer 8 . i tried the firebug lite . just by embedding the java script code in my hmtl files but its not working effectively.
my website way2enjoy.com is working fine in all browser except internet explorer 8 . when the users log in to their account the middle part disappears.
there are three columns left middle and side but the middle disappears in ie8. i am not able to check as i dont know how to debug css in IE8 . i tried all sort of manipulation by reducing CSS width but unable to solve the issue.
the sample login id and password is
username demo
password demo
You can use IE8 Developer tools. Press F12, this tools are embedded
There is the Firebug bookmarklet called Firebug Lite. It works in pretty much every browser.
IE8 contains its own built in developer tool which you can access by hitting F12 or Tools>Developer Tools. It is not as nice as firebug in ff, but it can be useful for debugging.
If your looking for a client side debugging tool that is as robust as Firebug for Firefox your not going to find it because one does not exist.
You can try Microsoft's Developers Toolbar.

Firebug-like debugger for Google Chrome

Is there anything like Firebug that you can use within Google Chrome?
Essential features I would like:
Inspect HTML source (select elements, delete them, etc.)
check CSS values (the built-in solution is weird, somehow)
There is a Firebug-like tool already built into Chrome. Just right click anywhere on a page and choose "Inspect element" from the menu. Chrome has a graphical tool for debugging (like in Firebug), so you can debug JavaScript. It also does CSS inspection well and can even change CSS rendering on the fly.
For more information, see https://developers.google.com/chrome-developer-tools/
Firebug Lite supports to inspect HTML elements, computed CSS style, and a lot more. Since it's pure JavaScript, it works in many different browsers. Just include the script in your source, or add the bookmarklet to your bookmark bar to include it on any page with a single click.
http://getfirebug.com/lite.html
Just adding some talking points as someone who uses Firebug / Chrome Inspector every day:
At the time of writing, there's only Google DOM inspector and no it doesn't have all the features of Firebug
Inspector is a 'lite' version of Firebug: The interface is not as good IMO, element inspection in both recent versions is now clunky, but Firebug is still better; I find myself trying to find the love for Chrome (since it's a better, faster browser experience), but for development work, it still just sucks for me.
Live preview / modification of DOM / CSS is still way better in Firebug; calculated CSS and box model view are better in Firebug;
Somehow it's just easier to read/use Firebug maybe because of the ease of navigating, manipulating/modifying the document in several key areas? Who knows. I'm used to the interface and I think Chrome Inspector is not as good although this is a subjective thing I admit.
The Cookies/Net tab are extremely useful to me in Firebug. Maybe Chrome Inspector has this now? Last time I checked it did not, because Chrome updates itself in the background without your intervention (gets your consent by default like all good overlords).
Last point: The day that Google Chrome gets a fully-featured Firebug is the day Firefox basically dies for developers because Firefox had 3 years to make Firefox's layout engine Gecko as fast as WebKit and they didn't. Sorry to put it so bluntly but it's the truth.
You see, now everyone wants to move away from Flash in lieu of jQuery motivated by mobile accessibility and interactivity (iPhone, iPad, Android) and JavaScript is 'suddenly' a big deal (that's sarcasm), so that ship has sailed, Firefox. And that makes me sad, as a Mozilla fanperson. Chrome is simply a better browser until Firefox upgrades their JavaScript engine.
F12
I love shortkeys
Try this, it's called Firebug Lite and apparently works with the beta version of Chrome.
You can also find it at:
https://chrome.google.com/extensions/
You can set this bookmarklet in your "Bookmarks Bar" in order to have Firebug lite always available in Chrome/Chromium browser (put this as the URL):
javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);
Or try user scripts: http://dev.chromium.org/developers/design-documents/user-scripts
jQuerify is the perfect extension to embed jQuery into Chrome Console and is as simple as you can imagine. This extension also indicates if jQuery has been already embedded into a page.
This extension is used to embed jQuery into any page you want. It allows to use jQuery in the console shell (You can invoke Chrome console by Ctrl + Shift + j".).
To embed jQuery into the selected tab click on extension button.
The official Firebug Chrome extension or you can download and package the extension yourself.
https://getfirebug.com/releases/lite/chrome/
Well, it is possible to enable Greasemonkey scripts for Google Chrome so maybe there is a way to sort of install Firebug using this method? Firebug Lite would also work, but it's just not the same feeling as using the full featured one :(
willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/
This doesn't answer your question but, in case you missed it, Chris Pederick's Web Developer is now available for Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm.
Forget everything you all needs this browser independent inspector , dom updater
https://goggles.webmaker.org/en-US
just bookmark and go to any webpage and click that bookmark..
this is actually Mozilla project Goggles , amazing amazing amazing...
F12 (only on Linux and Windows)
OR
Ctrl ⇧ I
(⌥ ⌘ I if you're on Mac)
Please try Firebug Lite for Google Chrome
If you are using Chromium on Ubuntu using the nightly ppa, then you should have the chromium-browser-inspector