2015-02-11 72 views
0

我開發了具有明顯的jQuery,自舉,其他第三方庫加上CSS文件以及我的自定義CSS和JavaScript,但希望他們捆綁在一起,我小的網上申請只有一個電話。Conbining CSS和JavaScript到一個文件中,並將其鏈接

的原因是因爲該應用程序正在與幾個在線網站已經擁有這些庫,但可能有一個過時的庫,礦山將在他們乘坐這將導致網站不能正常工作使用。

我使用HTML導入,將所有我的庫和CSS放入一個HTML文件中,將其命名爲import.html並製作一個簡單的<link rel="http://mywebsite.com/import"></link>,它的工作方式類似於魅力,但它在iOS中不起作用。哦,是的,這是一款僅適用於智能手機的應用程序,僅適用於iOS和Android。

但最主要的原因是,我將文件交給客戶端,並且想給更少的代碼儘可能易於實現。

是否有完成類似的情景另一種方法?

+0

從技術上講,你可以有剛,其中包括一些代碼來加載一些CSS(通過附加的HTML它)JS文件。你沒有這樣保存HTTP調用(沒有辦法做到這一點),但有人只需要添加一件事情到他們的HTML。編輯:這沒有解決壓倒一切的東西,不知道你的意思。 – 2015-02-11 22:11:50

+1

捆綁如何防止你的壓倒一切?它不應該有所作爲。 – epascarello 2015-02-11 22:12:04

回答

0

您可以通過JavaScript將任意HTML/CSS轉換成HTML。

例如:

var style = document.createElement("style"); 
var CSS = ".someCSS { background: red; }"; 
style.innerHTML = CSS; 
document.head.appendChild(style); 

這種方法對於編程方式修改並引入CSS是有用的,但它的絕對比包括與所述<link>元件CSS慢很多。 (這種方法很難編輯CSS,並且需要繞過DOM和樣式表的構建中的任何瀏覽器優化)

另外,你的帖子中有錯誤,iOS,Android和大多數瀏覽器,絕對可以包含與<link rel = "...">的CSS。這被認爲是正確的以外,並且比我上面發佈的代碼(這是您的問題的答案)更快。您的代碼無法運行的原因不是iOS上的CSS/HTML問題,更可能是您網站本身的問題。

+0

感謝您的回答。我使用[http://caniuse.com/#search=import]查看iOS,並且它顯示iOS不支持導入標記。 – Alverto 2015-02-12 15:01:41

+0

我的歉意,我以爲你的意思是你不能鏈接CSS表格。我很抱歉我的答案沒有用 – 2015-02-12 16:57:14

相關問題