スタイルシートを追加する

テキストビューワとして素のWebViewを利用した場合, お世辞にも見やすいとは言えません. そこで, スタイルシートで指定してレイアウトを変更します.

スタイルシートの指定方法は2つ.

• WebPreferencesのsetUserStyleSheetLocation:で指定
• HTMLのヘッダで指定

スタイルシート自身は、ファイルを作成して file: プロトコルを使って指定しても良いですし、新しいプロトコルを定義して動的に生成してもかまいません。

今回は、stylesheet: というプロトコルを定義して動的に生成してみました。NSURLProtocolのsubclassを作成すれば良いので基本的には前回のeb:プロトコルの定義と変わりません.文字コードに気をつければいいだけですね.

-(void) startLoading{ // ...... // responseの指定 text/cssファイルを返す NSURLResponse *response = [[NSURLResponse alloc] initWithURL:[request URL] MIMEType:@"text/css" expectedContentLength:-1 textEncodingName:@"utf-16"]; [client URLProtocol:self didReceiveResponse:response cacheStoragePolicy:NSURLCacheStorageNotAllowed]; // データの指定 responseで指定した文字コードとする事を忘れない様に NSData* data = [content dataUsingEncoding:NSUnicodeStringEncoding]; [client URLProtocol:self didLoadData:data]; }

スタイルシート適用後。少しは見やすくなったでしょうか?