Flutter web app(Sample app) is not supporting in IE11. Shows empty page and remaining browsers(Chrome, Firefox, edge) its working fine. Any solution for this IE11 issue. Thanks in advance.
Looking at various discussions about flutter it was reported as not working with IE or Edge earlier in 2020 but it now works with Edge (probably because Edge has moved towards Chrome). I did not find any comment that says it now works on IE and trying other examples they work on Chrome and Edge as of today but not on IE11.
Also, the test example given does not work on Firefox either.
There is some hint in the discussions on [https://flutter.dev/docs/get-started/codelab-web][1] that they were tracking down the problems in Edge (before Edge moved) but I could not find any hint that they would be working on IE.
It may be best to repeat the question to the flutter community - but it would not be surprising if they were not going to work on an IE version as it is slowly dying out.
Having said all that, the error now posted by the questioner points at an incompatibility with the version of Bootstrap being used. Several places in searching for this come up with the recommentdation that this should be added in the head of the code
<meta http-equiv="X-UA-Compatible" content="IE=edge">
It may be worth raising this with flutter themselves - maybe they are using the wrong version of Bootstrap or need to do something like the above? (to prevent old version of IE run).
[1]: https://flutter.dev/docs/get-started/codelab-web
Related
Hi all i'm quite stuck,
My setup is:
Selenium 3.141.0
Firefox 63.0.3
geckodriver 0.21.0 (have tried geckodriver 0.23.0 too)
python 3.6.5
Ubuntu 16.04
My Selenium scripts works great to all websites i wrote for, but 5 days ago i tried to scrape a specific website which came to my mind (link) and it fails loading the actual web page right after the driver initialization.
I constantly getting a blank page:
i made sure the web page exists and it loads flawlessly when i surf with my firefox browser.
Can somebody shed some sunlight on this mystery? i have no clue and dug into the geckodriver.log but haven't noticed the root cause for this issue.
Any suggestion how to investigate or resolve this?
I have performed your usecase with the url http://web.nli.org.il/sites/NLI/english/Pages/default.aspx.
It seems the the website is protected by Bot Management service provider Distil Networks and the navigation by GeckoDriver controled Firefox gets detected and subsequently gets blocked.
Here is the relevant <tag>:
<link rel="stylesheet" href="/_layouts/15/Nli.PL.HomePage/js/lib/bootstrap/dist/css/bootstrap.min.css">
Note: Observe the presence of the keyword dist within the link tag.
Here you can find a detailed discussion on Chrome browser initiated through ChromeDriver gets detected
My website works fine on Chrome, Safari and Firefox, but for some reason is completely unusable on MS Edge. It freezes up, the styles are not being applied correctly, and the top bar jumps all over the place.
I have all the required Polyfills loaded.
Edit: Here's the source code.
I faced similar problems in the past and never found out what exactly caused it. What I would advise you to test is replacing webcomponents-light
with webcomponents-loader.
<script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
Make sure that you empty the cache and maybe disable the service worker for testing.
Since about a week ago, I haven't been able to search for elements or the contents of an element in Google Chrome DevTools. Did the latest Chrome update break this functionality or has something else changed that I should be aware of?
I first thought I had accidentally changed some of the DevTools settings, but now the same thing started happening on my other dev machine as well, so I think it must be a bug in the latest update?
Is it just me? :)
EDIT: After a few days of wondering what could be possible causing this.. it just started working again after I restarted my Win 7 machine. The simplest fix the best fix, huh?
On another note, if the error starts happening again, I'll need to dig deeper as what might cause it and file a bug if necessary.
For now, it works and I'm happy :)
No results in DevTools element search. Here is a screenshot:
I solved that by disabling "Adblock Plus", it worked in 3 browsers I tried.
This is a legit bug. Thanks for reporting it. It's being tracked here: https://code.google.com/p/chromium/issues/detail?id=426815
As of November, it's been fixed in tip of tree (Canary) and has been merged to the beta branch (39).
(Originally answered by vsevik, an engineer who develops the DevTools, however the post was deleted by moderators.) :/
I had the same issue, search wasn't working, because I couldn't see the page. When I clicked on the page, under the Sources tab, I got a blank page. What worked for me was refreshing the page in Chrome. After that, the code showed up in Developer Tools, and I was able to search the code. This seems to be a Chrome bug.
I had an application running on IE7, then, after the release of IE8, I could migrate my application to view with IE8.
Now IE 9 is already happened. What are the tips and tricks to migrate my application to IE9 ? I did a workaround, but I am not satisfied with it. I use the following to set the Document mode to IE 7.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
What are the best ways to handle with IE 9 ?
The gap between elements are widened in IE9 ? How can I modify my site to work well in IE7, IE8 and IE9 ?
The application looks fine in IE7 and IE8. Did Microsoft forget about backward compatibility ?
I gather that your application does not render properly in IE9? You seem to be looking for a "quick fix" to make your application keep rendering the same as it did in IE7 without having to make any significant changes. Such a trick/hack may exist (I don't know), but I'd recommend against it. Eventually you're going to have to update your web app to work with modern browsers -- why not do it now? IE9 is by far the most standards-compliant version of IE, and you would benefit in the long run by making your web app render correctly in IE9 without any "pretend to be IE7" tricks.
I am about to wrap up the implementation for my first ExtJS based application. But I am facing a weird issue at this point.
I am using ASP.net at the server and then ExtJS at the client. I noticed that, If I run this project from Visual Studio Debugger then it works nice, and in that case my browser URL was set to
http://localhost/MyApp/Home.aspx
But As soon as I open a new browser and hit
http://MyWorkStationName/MyApp/Home.aspx
it behaves slightly different.
For instance, some Button Shapes are not rendered properly.
Can any body give me a clue how can I debug this issue. basically how the style can be influenced by the machine name vs localhost in URL ?
Thanks in advance!
I too had the same issue.
This is due to the compatibility issue in ie8. go to tools->compatibility View Settings
uncheck "Display intranet sites in Compatibility view.
In local host or when we run from VS. It is not in Compatibility mode. And works fine in ie or in FF. But as soon as we change the local host to hostname/machinename it is going to compatibility view(default setting).
Jquery drag and drop functionality was also creating some problem. when it was running in compatibility view.
Use this first in header: <meta http-equiv="X-UA-Compatible" content="IE=9">
You can use Firebug or IE Developer tools to debug the css ( >= IE 8 preferably if Firefox is not an option.).