Как передать .CSS в вызов AJAX? - PullRequest
Новая
       12

Как передать .CSS в вызов AJAX?

0 голосов
/ 03 октября 2018

Моя цель - добавить темную тему в приложение Slack Windows.Я нашел так много тем, которые рекомендуют какое-то решение.Здесь они ссылаются на некоторые CSS, и это прекрасно работает.

Код, который работает: 

document.addEventListener('DOMContentLoaded', function() {
 $.ajax({
   url: 'https://cdn.rawgit.com/laCour/slack-night-mode/master/css/raw/black.css',
   success: function(css) {
     $("<style></style>").appendTo('head').html(css);
   }
 });
});

Я не хочу получать доступ к этим ссылкам из-за безопасностипричины так скопировали этот файл CSS на мою машину и хотят получить к нему доступ, но, думаю, я что-то не так делаю.

Ниже приведены мои попытки:

Попытка-1 

document.addEventListener('DOMContentLoaded', function() {
 $.ajax({
   href: 'C://LocalPath/slack/app-3.3.1/resources/app.asar.unpacked/src/static/slack_dark_theme.css',
   media: media || 'screen',
   type: 'text/css',
   rel: 'stylesheet'
   success: function(css) {
     $("<style></style>").appendTo('head').html(css);
   }
 });
});

Попытка-2 

document.addEventListener('DOMContentLoaded', function() {
 $.ajax({
   url: 'C://LocalPath/slack/app-3.3.1/resources/app.asar.unpacked/src/static/slack_dark_theme.css',
   dataType:"script",
   success: function(css) {
     $("<style></style>").appendTo('head').html(css);
   }
 });
});

Попытка-3 

document.addEventListener('DOMContentLoaded', function() {
 $.ajax({
   url: 'C://LocalPath/slack/app-3.3.1/resources/app.asar.unpacked/src/static/slack_dark_theme.css',
   dataType:"script",
   success: function(css) {
     $("head").append("<style>" + css + "</style>");
   }
 });
});

Попытка-4 

document.addEventListener('DOMContentLoaded', function() {
 $.ajax({
   url: 'C://LocalPath/slack/app-3.3.1/resources/app.asar.unpacked/src/static/slack_dark_theme.css',
   dataType:"script",
   success: function(css) {
     $("<style type="text/css"></style>").appendTo('head').html(css);
   }
 });
});

Попытка-5 

document.addEventListener('DOMContentLoaded', function() {
 $.ajax({
   url: 'file:///C://LocalPath/slack/app-3.3.1/resources/app.asar.unpacked/src/static/slack_dark_theme.css',
   success: function(css) {
     $("<style></style>").appendTo('head').html(css);
   }
 });
});
...