I have created custom HTML facebook page by pasting my own source code. Its working fine in all browsers Firefox, Safari, IE. But in Google Chrome its not loading external CSS, javascript and everything. Its just text.
Facebook page here:
http://www.facebook.com/KoucPavelMilanCerny/app_190322544333196
Any ideas what to do? Is Chrome blocking loading of external CSS in iframes?
If you use the Chrome Inspector tool and look in the console tab you see these issues:
Try hosting your css and js on the same server as the web page.
Related
I am working with Safari web app for iDevice. I got the configuration right from Configuring Web Applications and it went well without any issues. In my web app, there is a link for logging out the web page that requires to redirecting the webpage. The problem is when it redirects, it opens Safari app instead of redirecting in the web app. It's not like Google Chrome on Android device, it works well.
I solved it by using javascript to redirecting instead of using a tag.
I am trying to get the html of a website to put in my iOS app. When I log the html from an NSData variable through an NSURLConnection, the html is different if I then went to the website on my desktop and clicked inspect element on the element that I am trying to find in the iOS html. Why would it be different? Is it because I clicked specifically on that element? It looks the same on iOS and the desktop because I have it loaded into a UIWebView.
Update: I have been told that in Chrome it is the rendered source code. How can I get the rendered source code in iOS?
In Chrome's Developer Console, it's showing rendered source codes (after AJAX and extension's modifications). Code mistakes (such as unclosed tags) will be fixed too.
It's NOT your original source code.
I have the following code in a html document:
<p>PDF sample</p>
<object data="http://www.whateverdomain.com/whatever/~/media/sample.pdf" type="application/pdf"></object>
This is working in IE, Firefox but not in Chrome. Appears a grey box in the browser with no embedded pdf. When I check on "network" tab in chrome I'm receiving a HTTP 200 response but PDF is not shown.
I tried URL encode tilde "~" symbol replacing it by %7e but still its not working on Chrome.
I don't have the possibility of changing the url which is provided by an external service.
Do you have any clue on how to solve ?
You might wish to try and use a simple iframe. At the very least I am pretty sure that works for chrome, might not work for IE though. Another alternative is using the Google Docs viewer, with that you are sure to be cross browser compatible, although some pdf's might not render perfectly. The last option you have is using something like pdf.js to render the pdf's yourself inside the browser. Gives you a lot of control and ensures that even people running computers without a pdf viewer installed (or a native pdf viewer like chrome and firefox) will be able to view the file.
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 was testing some HTML code I'm making, and while using the Developer Tools on Google Chrome version 22.0.1229.94 m, I saw the <body> tag has the attribute cz-shortcut-listen="true" (which of course is not on my code). What does it mean and why is it showing up? (I tried looking it up in google, but found nothing relevant)
It's being added by the Colorzilla browser extension.
https://twitter.com/brianpemberton/status/201455628143689728