Phonegap アプリを作成しています。私のアプリでは、「Android」と「ios」に異なる css を使用しているため、android の場合にのみ css をロードする必要があります。次のコードは完全に機能しますが、最初は css なしでページが読み込まれ、phonegap が読み込まれた後に css が読み込まれ、そのページを表示するたびに踊るページが表示されます (つまり、ページが表示された後に css が読み込まれます)。ページが表示される前に css を追加しますが、それは Android プラットフォームの場合のみです。
<script type="text/javascript" >
var string;
// Wait for PhoneGap to load
document.addEventListener("deviceready", onDeviceReady, false);
// PhoneGap is loaded and it is now safe to make calls PhoneGap methods
function onDeviceReady()
{
check_img();
}
function check_img()
{
string = device.platform;
if(string=="Android")
{
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
//link.id = cssId;
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'css/style.css';
//link.media = 'all';
head.appendChild(link);
}
}
</script>