In my rails project sometimes chrome doesn't stop showing "loading circle icon" even after finished a loading. At least it appears all HTML elements are shown and JS works fine.
It doesn't happen in local development. Neither with Firefox and Safari in server environment.
It happens only with chrome in server environments.
What should I do to determine the cause of the problem?
Related
I am trying to write some integration tests in rspec/capybara/selenium for my Rails 5 app. I have recently started testing some javascript features in the app with headless Chrome.
I struck a problem where I was unable to choose a select element on the page with capybara despite this working fine when I loaded the site manually in chrome in development environment. After some investigating I figured out that the select element was not currently visible. It is hidden when the page loads but should then be made visible immediately on loading by my javascript.
I disabled headless and paused my test with a quick and dirty sleep 60. I then looked at the javascript file in Chrome's developer tools and discovered that it has loaded an old version of the file with none of my recent changes. The file it has loaded no longer exists in my app so it must be being cached somewhere. Any ideas how this might be occurring and how I can fix it?
I have a small MVC app, all this app must do is to take search string parameter via text-box and search the database return the data based on the parameter entered. This app works fine in the two of the browser that I have on my machine, it works in chrome and firefox but goes to complete freeze on IE11, it freezes so much so that it cannot even open developer tools nor respond to any click on the landing page.
I am not even too sure what code should I post because I doubt it has something to do with it and if does go down to code I am not sure which part because like I said it works perfect in chrome and firefox
I tried adding the line <meta http-equiv="X-UA-Compatible" content="IE=edge"> on the layout page but that made no difference whatsoever
Typically inability to open dev tools in a browser indicates that something intensive is running in a background. Try to open dev tools prior to entering URL of your application. Sometimes you can find some request looping forever, or wrong javascript.
My Ruby on Rails app hates custom fonts and I don't know why. Here are some of the errors and troubleshooting that I have gone through.
First, there were devastating display errors that only happened on Google Chrome on a PC. The text will overlap, paragraphs within the same div will have different widths, buttons will have shortened width, a copy will shift to the right on the page...to the point where some of the sites are unusable. I finally figured out that the browser seemed to not be understanding the font correctly. If I used websafe fonts like Arial and Georgia, the issues went away. So I thought that maybe the #font-face fonts that live on my server were corrupt. The Chrome issue also only appeared to happen on later versions of Chrome (20 and up). The weirdest part about this is that it only happens intermittently. Sometimes the page displays fine and sometimes it looks crazy. This has occurred on multiple computers and cache clearing does not seem to affect the error.
I then integrated Typekit from Adobe to serve the fonts instead from their server. Now the display errors are gone, but all Windows browsers ignore the typekit font and display the fallback fonts instead. That's IE, Firefox, and Chrome on Windows, various versions.
The site is part Ruby on Rails, part PHP (WordPress), and these issues only happen on the Ruby on Rails pages. The font files that I thought were corrupt are the same font files that work beautifully on the PHP side of the site.
Here are some screenshots of the initial Chrome issue with the server hosted fonts.
The site currently has the server hosted fonts live (with the Chrome error). A page on the site where this is happening: http://levoleague.com/jobs
Any ideas on why my app rejects fonts?
Looks like it's a CSS issue and you need overflow-wrap: break-word;
IE8 on my system generally prints a page as expected.
But for one particular page on the application i am developing, when i choose Print or Print Preview, IE8 hangs indefinitely (This doesn't happen on Firefox).
What peculiarity of a particular web page could cause such an issue in IE8?
Though I have not been able to figure out why IE8 hangs, I am pretty sure it has something to do with the complexity of the rendered document.
Therefore, as a work-around, I excluded certain parts of the document through css when it is printing:
<style type="text/css" media="print">
#excludeComplexDiv {display:none;visibility:hidden;}
</style>
So now IE8 no longer hangs upon giving the print command!
Ok I just started a rails project...when i initially load the page it's styled as it's supposed to be. Without changing any code when I refresh the stylesheet disappears. I figured maybe it was a html/css error, but then if i close my browser and reopen it the page shows up fine again. So it's not that. I'm in dev mode so I don't think it's a cache issue. It happens in both firefox and chromium.
Just give Mongrel or Thin a try