ios - iPad Web アプリ用に 2 つの CSS ファイルを追加できますか

Question

ブラウザで実行している場合はcss1を実行し、iPadのホームデスクトップからオフラインで実行している場合はcss2を使用する必要がある2つのcssファイルを実装する必要があるWebアプリがあります

Answer 1

最初の部分は iPad または iPhone で実行されているかどうかを検出し、2 番目の部分は異なる CSS ファイルを呼び出します。

パート 1 - iOS デバイスで実行されているかどうかを検出する

-(NSString *)isRunningOniOS
{
    NSString *yourDevice = nil;
    if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) {
       yourDevice = @"iPad";
    } else {
       yourDevice = @"iPhone";
    }
    return yourDevice;
}

これをテストするには、クラス内の任意の場所で次のコードを実行します。たとえば、次のようになります。

- (void)viewDidLoad
{
    [super viewDidLoad];
    //
    NSLog(@"Your device = %@",[self isRunningOniOS]);
}

パート 2 - カスタム CSS

パート 1 に基づいて、これを実行できるようになりました。

NSLog(@"Your device = %@",[self isRunningOniOS]);
    NSString *cssPath;
    if ([self isRunningOniOS]){
        cssPath = [[NSBundle mainBundle] pathForResource:@"iosCSSfile" ofType:@"css"];
    } else {
        cssPath = [[NSBundle mainBundle] pathForResource:@"browserCSSfile" ofType:@"css"];    
    }
    NSLog(@"CSS file= %@",cssPath);