I have a web app which uses requireJS and Google Maps API. Sometimes tab icon in chrome browser displays usual favicon, sometimes a progress indicator, although page has already been loaded. I can't imagine what might be the cause. Any help appreciated, thanks.
Related
I have a screen full of code that displays for about half a second on loading some pages in chrome.
I managed to grab a screenshot of it.
I think this one is from a google search for the London tube map.
I have disabled chrome extensions and antivirus but it still appears.
Does anyone know what this is?
In this particular instance the code is generated by Bitdefender Traffic Light extension. If the antivirus is installed, the extension seems to be enabled without being displayed in Chrome's list of extensions.
Disabling the antivirus doesn't seem to disable the extension. But you can clearly see it is activated in a google search as each link has a specific icon next to it.
Other extensions might do a similar thing, but in the lower-left part of the screenshot, the code is:
fraud_link = "http://trafficlight.bitdefender.com/info?url={URL}&language=en_US";
Which makes it obvious this extention is causing the code to be displayed.
When I view the impress.js website in chrome on iOS, the tab bar slides up and disappears. How do I do that?
Note: doesn't happen in safari on iOS.
A simple Google search would suffice for this question.
http://updates.html5rocks.com/2011/10/Let-Your-Content-Do-the-Talking-Fullscreen-API
https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Using_full_screen_mode
http://davidwalsh.name/fullscreen
All are excellent resources (and the top three Google links!).
Essentially, there's a new API which allows JS to request fullscreen access. That's about it.
I am trying to open a pdf from my JQM webapp. I have tried iframes/embed/object, and none of those work on an iphone like they do on a desktop browser (scrolling, zooming, etc). I have settled with simply opening the pdf via a link Link. This works fine in the standard browser because the user can simply use the browser back button to navigate back to my app.
The issue that I am having, is that when a user saves the page to thier home screen and opens it using the chromeless safari browser, they no longer have the browser back button. I have tried adding target="_blank" to the link, but apparently JQM hijacks the link and prevents opening in a new page, and I have been unable to get the hacks to work.
I have also tried pdf.js, but I can't seem to even get that to work as my javascript knowledge is fairly limited, and the examples are pretty advanced. The only tutorial that I found used an old version which I couldn't get to work.
Are there any ways to bypass the JQM in openning a link in a new window (which would in turn open in the mobile safari rather than my chromeless web app), or are there any other suggestions for how to open a pdf from a webapp?
Just disable the default jQuery Mobile behaviour, by specifying data-ajax=false.
For example:
Link
See http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html
For my webApps I used https://docs.google.com/viewer to embed the pdf into my interface.
So, when I navigate the webApp by home screen icon, the app doesn't close when I open the pdf.
I met the same question: open pdf in webapp with html5.
I've tried several solutions: iframe、embed、pdf.js, but none of them is the best solution.
tips: iOS 9.x upper, open pdf with iframe only show the first page of the pdf file, and there will be a <img /> tag in the iframe body when you debug.
util now I still have this troublesome problem, anyone has solution please write your experience here.
Thank you.
I'm having a very strange problem with a site in Google Chrome:
When I click on a link (from a list view to a detail page), the page hangs and I Chrome throws up a dialogue asking me to kill the page. The page is never displayed.
But if I navigate directly to the page, it loads in Chrome without any problems. Both actions (clicking on a link or navigating to the page) work fine in Safari and Firefox.
Disabling "Predict network actions to improve page load performance" in Chrome's settings seems to fix the problem, but this is not a viable solution as I don't have any control of my user's browser settings.
Some more detail about the situation:
The link is just a regular <href>. I'm not doing any javascript
click() handling or anything else. I'm not using any 'prefetch' or 'prerender' <link> elements.
The pages all validate using the W3
html5 validator.
The page I'm navigating to loads a lot of JS, uses Knockout.js for rendering and loads a video file over HTTP.
On the occasions that the page does load (after a very long wait),
Chrome appears to have rendered the entire page in the background and
loaded all external resources. If I navigate directly to the page it
doesn't preload anything though (I'm using knockout to show a 'please
wait' message while the external resources load).
When I log the network requests using Charles, it appears that
Chrome loads the HTML for the page instantly, but the requests for
the external resources seem to take forever.
If I look at the CPU usage in Activity Monitor, 'Google Chrome Renderer' uses 100% CPU when loading from the href, but only 30% when loading directly from the page.
I'm using the latest version of Chrome (22.0.1229.94)
So - my question
Is there a way to programatically disable "Predict network actions to improve page load performance"?
Or is there some other solution to this problem?
Just going through high voted unanswered questions I came across this one, and I once got into a similar situation for entirely different reasons (chrome was preloading a huge file I couldn't afford to load for every user). The fairly simple solution I applied back then was to open the link through Javascript rather than a simple href which worked wonders. Either way, your problem might already be solved, but seeing the number of views I thought I could at least share this small insight.
I'm writing an offline app for mobile Safari.
I have just gotten to the point where it will create the app icon on the home screen and function offline.
Now I want to update the HTML in my app, but it refuses to refresh.
I've trIed the refresh button, the "clear cache" settings option, I have even taken down the server but safari still shows the page.
Help!
You need to modify the cache manifest. You can just add a comment line to the manifest. When you do, the browser will redownload the whole app.
More info about this topic can be found here: http://diveintohtml5.ep.io/offline.html#debugging
Your situation kind of applies to the title :)