Is there a way to make a browser extension for Chrome which emulates Firefox containers? I know that SessionBox does that but I'm not sure how it works without using the contextual identities API
Related
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.
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/
So, I'm building responsive pages using the Chrome dev tools iOS emulator, only to find that there's a 5% difference when you check it out on an actual phone.
All my css is normalized and has the latest vendor prefixes, so I'm stuck with guessing what's going wrong with that last 5%.
Surely there is a way to see the CSS output on a mobile device? Dev-tools for mobile. Surely!
On Android phones, Chrome does support Remote Debugging over USB
Since you're in iOS, though, you are able to use Safari's remote debugging feature to try to debug the page. Chrome for iOS uses Apple's UIWebView to render pages, so debugging in iOS Safari should give you the same results you're seeing in iOS Chrome.
Safari's remote debugging feature can be used by going to Settings > Safari > Advanced on your device, connecting the device to the computer via USB, then in Safari on your Mac, go to Develop > [Device] > [website] to debug.
I'm making my portfolio website and I'm using pure HTML 5 no .js the about page doesn't work on iPhone and doesn't scroll everything together some of the elements positions are fixed and don't scroll. I don't own an iPhone but is there anyway to simulate the iOS on computer so I can debug the page? And is there such a tool like "inspect element" in chrome on the iOS safari? If not how can I debug and find how the browser is rendering wrong on the phone? Cause I validated my code and it's supposed to work, but its not!
You can simulate iOS using Xcode and Mac OS.
And for the debug purpose there is no inspect element in Simulator. Yes you can take a help of Accessibility Inspector
In the Simulator >> Go to Settings >> General >> Accessibility
Turn on Accessibility Inspector - This will help you to inspect different elements.
Something important to bear in mind is that because of Apple's policies, all browsers must use Safari’s layout engine to render pages, that means there are very few differences in rendering a page between Safari and other browsers on iOS.
There are two methods that you can use to debug a web page running on your iOS device on your using a browser on your Mac or Windows computer:
1. Debug using a Mac
If you have a Mac, you already have tools to live-inspect and debug web pages on your iOS device.
See here: https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html
2. Debug using Windows
Xcode and MacOS are not the only way to debug websites running in a browser on OSX. There's a few ways:
Telerik
WineRE
I personally use Edge Inspect when I'm forced to use Windows.
Adobe Edge Inspect
http://www.adobe.com/devnet/edge-inspect/articles/browser-testing-across-devices-with-adobe-edge-inspect.html
I have a ClickOnce .NET 2 application that works perfectly on IE. However, my application does not work with any other browsers (the manifest gets downloaded as an xml file). I know that ClickOnce should only be supported on IE (and firefox when .net 3.5 is installed), but I was told that Google Chrome's installer (http://www.google.com/chrome/eula.html?hl=en&brand=CHMB&utm_campaign=en&utm_source=en-ha-na-us-sk&utm_medium=ha&installdataindex=homepagepromo) is a ClickOnce bootstrapper and theirs works cross browser (firefox, opera and chrome - although I can guess how it works on chrome :)). Any ideas on how to achieve such functionality?
This is browser-dependent. First, make sure your MIME types are defined correctly on the webserver where you are hosting your files. http://robindotnet.wordpress.com/2010/06/12/mime-types-for-clickonce-deployment/
Next, there is an add-in specifically for Firefox. (Google is your friend here.) We haven't had to use it very often, but try it and see if it helps you. Same for Chrome (they have their own add-in and I can't imagine that it would claim to work for other browsers). AFAIK, there's nothing available for Opera.