Opera 10.1 Mobileベータ版のHabr機能がAndroidで利用可能になりました

黄色のプレスの代替見出し：「 Androidは普通の最新ブラウザーに移行します 」、「 Android上のOpera Mobileはhabr.ruのユーザースタイルで 」、「 AndroidウィークはHabréで始まりました 。」



実際には、ないHabré、ないアンドロイドと携帯電話でオペラ、ではないが、カスタムスタイルについての記事、。 深刻な質問がありました。ユーザースタイルはどこでも、Androidのどのブラウザーでも動作しますか？ しかし、4つの成分の中で最も重要な部分理由 - アンドロイド、そして記事 - それについて。



Androidにはデバイスがありません。 それでも、最近リリースされたモバイルAndroidデバイス用Operaでの作業方法について、ブラウザに慣れ、スクリーンショット付きの記事を書いて、世界中に伝える理由がありました（はい、Google検索ではAndroidのユーザースタイルに関する出版物がまったくないことを示しています） 。

病歴

私たちは始めた表示されるサイトのすべての機能のための最大限の可能性をサポートするAndroid上でHabraのための特別なアプリケーションを作成しようとする試みを。 以前はHabrがモバイルブラウザ全般（ m.habr.ru ）に適応していたことは明らかですが、多くの制限がありますが、その主な理由は、読み取りはできるがログインや書き込みができないことです。



このような試みを見て、モバイルブラウザー（ Opera 、 Firefox 、... FF Mob。4b4のレビュー ）の開発動向を知ったので、コメントにカスタムスタイルを使用することを提案しました。 特にHabrにとって。



興味深い対話が独自の方法で行われ、何も終わりませんでした。 誰もが、明らかに、スタイルでそれを実行するために、あなたの携帯電話でオペラを調査しませんでした。 したがって、完全なCSSに対するモバイルブラウザの準備状況に関する質問への回答を得るには、この質問を個別に調査する必要があります。



しかし、エンディングは登場し、ITのテーマに関する深刻なサイトには驚くべきものでした。 一部の読者は、Androidのアプリケーションと、ユーザースタイルが「敵」（OS間のホリバーのようなもの）であるソリューションの「プッシュ」と、明らかに「敵」に対する私の反対を検討しました。



引用： habrahabr.ru/blogs/android/112788/#comment_3614652

「あなたはchtoli中毒ですか？ Android用のプログラム。ここでは、AndroidでHabrの更新を電話から読み取る方法について説明します。 Androidには、標準のWebkitブラウザー、opera mobile 10、opera mini、dolphin、firefoxが大幅に削減されています。 StylishまたはHabr Netbookアドオンはどこにもありません。 なぜあなたは口の中で泡であなたのトピックを押しているのか分かりませんか？」

Firefoxですでに添加することによってとのGreasemonkeyをインストールするyuzerstiley必要性のためにサポートすることができますが。 ただし、この読者は質問に非常に適切かつ有用に回答しました。 しかし、槍と矢で武装した他の人たちは、戦場に乗り出しました。特定の割合（数人、5人）のユーザーは、Androidで作業するためのソリューションとソリューションを確認するための明示的なリクエストを表示したいという欲求のためにカルマにマイナスを入れることを決めました（ITリソースの奇妙なことですか？）そして、提案に対する彼らの態度を絵のように高く評価しました。



私の引数： habrahabr.ru/blogs/android/112788/#comment_3615924

「Androidのアプリケーションに対するユーザースタイルの利点-

1）アプリケーションを作成およびデバッグする必要はありません。

2）Habréのオペレーションの呼び出しのJS関数にアタッチしたり、ページを解析して必要な情報をスクラッチしてから実行する必要はありません。

3）私たちはHabrのスタイルのみにこだわりますが、経験から5か月の使用が示されているように、スタイルを少し変更することはまれです。

4）Habrのすべての機能は、通常の場所で利用できます。

そのため、HabréのスタイルがAndroid向けであることを確認するだけでなく、匿名の読者に無邪気さを見せ、「マイナスを取り戻す」こともできます。 悪くない、退会を「奪わ」場合 - 問題が解決されるものとします。



Androidデバイスがない場合にAndroidでHabrを表示することに興味があるのはなぜですか？ 歴史的な理由から、インターネットを操作するのに十分なデスクトップコンピューターがあります。 ポータブルデバイスの必要はありませんでしたが、それらのブラウザーはまだ「モビリティ」の段階に達していないことがわかっていました。つまり、CSSと、おそらくJSを完全にサポートしていないという不平等な特性です。 以下は、Opera（10.1 mob。Beta）とFirefox（4.0 mob。Beta）の最新バージョンであり、これらの時代の到来を願っています。 そして、できるだけ早く問題は、Android上で閲覧応じて、私は本格的なブラウザがあることを知っています。



コンピュータエミュレータ（上置きすべてのAndroid SDKおよびAVDマネージャ持って 、 記事調節可能性とパフォーマンスのスタイルを確保するために、）。 したがって、海王星の位置を計算した数学者の偉業を繰り返します。 記事の資料によると、Operaはソリューションに最も近いように思われ（ユーザースタイルが調整され、彼女自身が安定する可能性が高い）、彼女は実験に選ばれました。 Operaがスタイルを使用した本格的な作業の準備が整っていない場合、結果からこれが確認され、Firefoxの在庫は残ります。

ブラウザインストールクエスト

エミュレーターのインストールは、Win XPで問題なく終了しました。 ダウンロードしたZipアーカイブから起動されます。

..（図1）



Operaウェブサイトのリンクから提供されているブラウザの実装を選択してみましょう。 サイトにアクセスしてモバイルブラウザを「ダウンロード」しようとすると、Operaサイトはm.opera.comでエミュレートされたAndroid 2.3.1を提供し、Opera Miniのダウンロードを提供しますが、これは必要ありません。 左側の別のリンク（「PC経由でダウンロード」）から電話（画面幅480pxで、可能な限り最も古いOSをサポート）を選択する必要がありました。 Motorola Milestone / Droid / A853であることが判明しました。



ビルトインブラウザではうまく機能しないドロップダウンリストをスクロールするよりも、直接リンクを介してエミュレータ経由でページをダウンロードする方が簡単であることが判明しました。

http://www.opera.com/mobile/download/motorola/milestone/



次のテキストを含むページが表示されます。

モトローラマイルストーン/ドロイド/ A853

デバイスサポート

Opera Softwareが実施したテストに基づいて、このデバイスはOpera Mini 5.1およびOpera Mobile 10.1ベータをサポートしています。

Opera Miniは5.1をダウンロード

アンドロイド-国際

Opera Mobile 10.1ベータ版をダウンロード

Android 1.6以降-国際

素晴らしい。 このページでは、ダウンロードされたOperaはバージョン1.6からAndroidで動作すると述べていますが、現在はバージョン2.3.1をエミュレートしています。



Opera Mobile 10.1ベータ版をダウンロードします。ダウンロードには、サイズが6.63 MBのOpera_Mobile_10.1_beta.apkファイルがあります。 インストールに同意します。 始めます。 ページとブラウザのコントロールパネルが表示されます。 そのため、クライアントは獲得しましたが、デバイスモデルと完全には一致しませんでした（エミュレーターにはどのモデルがありますか？-なし）。 メモリーを占有-20.5 Mb; データは約2 MB増えますが、ボリュームはさまざまです。

..（図2）

デフォルトのフォントサイズを140％ではなく100％に設定して、最も高密度のテキストをテストします（フィールド幅が許せば、いつでもフォントを増やすことができます）。 さらに、幅が240ピクセルのデバイスが多数あり、これらはテストサークルには含まれていないが、より一般的であることに注意する必要があります。 言い換えれば、実験は、小さな実際の画面での文字の読みやすさよりも、レイアウトブロックとCSSルールの正確性に関心があります。 実際の画面のフォントサイズはいつでも増やすことができます。



クイック起動パネルにhabr.ru開始ページを入力して、外観を確認します。 私は非常に長い時間待たなければなりませんでした。 おそらくページとブラウザがハングしたか、そのように不完全なロード（または「ベータ」の結果）を示している可能性があります。 「停止」をクリックします（下のX）。 サイトのページが表示されます。



予想どおり、標準ページを読むことは非常に不便で、広範です。 ウィンドウの幅とフォントサイズのスタイルを調整する必要があります。 Habrページの正しい外観は、すでに間接的にページのスタイルがほとんど正しく解釈されていることを示唆しています。つまり、OperaのCSSパーサーは完全です。 どのくらい-私たちはユーザースタイルを見ることで学びます。 もちろん、ブラウザごとに何かを変更する必要がありますが、ここではOperaの近親者のために、すでに作成されています。

..（図3（1,2,3））



ブラウザー設定を操作すると、エミュレートするときにプロセッサーに大きな負荷がかかります。 アプリケーションがフリーズしているか、エミュレータがハングしているかを確認するのはさらに困難です。 最後に、エミュレーターはOperaが応答していないと報告しました;アプリケーションを削除しなければなりませんでした。 おそらくベータ版の結果も。



設定で「モバイル」表示モードを有効にすると、見やすくなります（図3-3、右端）。 実際には、同じことが右側の列を引っ込めるとスタイリストになりた、達成されます。 ヒューリスティックなアルゴリズムに従ってこれを行うため、必要な表示スタイルを作成しません。

ユーザースタイルを設定するためのクエスト

ユーザースタイルフォーラムがそれについて述べていることは次のとおりです（2010年8月）。

1.アンドロイド携帯向けのFirefoxアプリはまだありません

2.モバイル版のOperaがサポートしているとは思わない。

そこにブラウザの設定を指示し、そのページのオペラへの解決策を探します。config。

（2番目のタブを作成すると、Operaは再び長時間フリーズします。）



オペラを開きます：config

（赤い数字は、スタイルをカスタマイズするために注意する必要があるパラメーターを示しています。）

..（図4（1,2,3））



ユーザースタイルのパスに関連するものを探しています。 オリエンテーションについては、「Big Opera」と同様の何かが、スクロールされたテキストの90％の領域の設定にあります（セクションUser Prefs、以下「User Style Info File」）。 特別なウィンドウでページを簡単に検索できます-Operaは見つかったキーと必要な保存ボタンを提供します。



検索に関する同様のトピック「ユーザーCSS」（チェック済み）が表示されます（上部の図4-3）。



処理する必要のある構成ファイルのパスが表示されます：/data/data/com.opera.browser/opera/profiles/smartphone/styles/user/（一部のディレクトリとファイルはブラウザーから直接表示されないため、おおよそのパス）



最後に、ローカルCSSファイルへのパス。 （... /スマートフォン/スタイル/ user.css）



ブラウザの初期配信では、パスは登録されますが、ファイル自体は存在しません（図5-1）。



すべて; このパスはブラウザ設定に登録され、ユーザースタイルが有効になっているため、Habrのスタイルシートを記述する必要があります

1）オペラ10.1モバイルブラウザでの作業CSSパーサの有用性を検証します。

2）モバイルモードなしで、必要なスタイルでHabrを見る。

3）Android用のカスタムアプリケーションを記述することなく、すべての機能をHabraのをフルに活用します。



この瞬間から、推測が正しいことが明らかになり、エミュレータのインストール、Opera Mobileのダウンロード、ソリューションの検索に費やした時間はプラスの結果をもたらします。



オペラと実装するユーザスクリプト（下の図4-3）があります。



次に、準備されたスタイルファイルを外部から取得して、ファイルシステムの適切な場所に配置する必要があります。このパスは、opera：configの " Local CSS File "フィールドに書き込まれます。



OperaをSDカード（おそらくOCバージョン2.2+）に転送すると、メモリ（20 MB）が解放されます。 ただし、データは内部メモリに残ります。 何らかの理由で、/ dataディレクトリが空です。



エミュレーターを介してOperaを操作する場合、実際のハードウェア上の組み込みブラウザー（文字の入力を描画するのに3〜4倍の時間）と比較して、そのインターフェースの顕著な遅さに気づきます。

ファイルのスタイルの準備

もちろん、我々はオペラモバイルにある最も完全な実装yuzerstileyではありません。 完全なOperaでは、スタイルは一部のサイトに適用したり、一般的なものにしたりできます。 ここ-一般的なスタイルのメカニズムのみが表示されますが、おそらくユーザースタイル情報ファイル-個々のスタイルの説明があります。



一般的なスタイルはHabrのソリューションを妨げません：作成時のスタイルは、SafariおよびIEで一般的なスタイルとして既にデバッグされており（これらのブラウザーではサイトによる個別化もありません）、Habrスタイルに固有の特定のクラス名で記述されています。



Habr用のファイルを作成するには、ページuserstyles.org/styles/36690 （ボタン「 コードを表示 」）からクロスブラウザCSSファイルを取得し、そこに書かれているいくつかの開始行と終了行を削除します。

Opera、Safari、IE8のユーザースタイルで作業するには、「@ -moz-document domain（ "habrahabr.ru"）{"行の後に、ファイルの終わりの7行前にある"} "行のコード全体の一部を取り込む必要があります。

右側のパネルを下に移動するには、ネットブックの 「 / * 」行（下のサイドバー）で始まるコードのコメントを外し、「 / 」と「 / 」の間のスペースをこの行から削除する必要があります。



問題は解決しました。 Androidエミュレーターには、PCコンピューター用の「大型」の本格的なブラウザー用に記述されたものと同様の形式の様式化されたHabrがあります。 残念ながら、いくつかのスタイルルールは、適応が行われ、その作業がビデオに取り込まれている（8分）ビッグオペラで行ったようには機能しません。 Habr専用のスタイルを作成し、便利にするためには、モバイルOperaに適応する必要がありますが、これにはエミュレーターが必要ではなく、実際のスマートフォンが必要です。



ただし、エミュレータを使用した演習では、Androidのモバイルデバイスにカスタムスタイルをインストールする基本的な可能性が示されました。 つまり、Habr Prettifierのように洗練されたスタイルで作業することはできず、スタイルをより単純に取りながら、テキストの幅が420ピクセルと320ピクセルの両方であることを確認できます。

スタイル指導

合計すると、AndroidでのHabrスタイル（および他のスタイル）の移植は次のようになります。



1. Opera 10.1 Mobileをインストールします。

2.ファイルマネージャーのルートエクスプローラーを入手またはダウンロードします（または、ルート権限でコマンドラインから作業します）。

3.名前を変更した拡張子「 zip 」（圧縮なし）でandroidOperaHabr.user.cssスタイルファイルをダウンロードして、ファイルとして保存します。 他のサイトのスタイルを持つことは許可されています。 準備され、特別に拡張子「 .zip 」スタイルに変更されました（参照により） 。 フォルダ/ sddiskで/ファイルをダウンロードしてください （図5-2）が表示されます。 （すべてのスタイルが正しく機能するわけではありませんが、2011年2月3日の今日に最適です-いいえ、モバイルOperaへの適応は行われていません。）

4.拡張子の名前を「 .user.css 」に変更します（図5-4; / sddisk / downloadフォルダー内のファイルマネージャーを使用して、名前を変更-ファイル上でマウスボタンを長時間押すことにより、図5-3）

5. Operaのopera：構成ページで、「 ローカルCSSファイル 」フィールドにスタイルファイルへのパスを指定します（最後に、拡張子「.user.css」が必要です ） /mnt/sdcard/download/androidOperaHabr.user.css 。

6. [ ユーザー設定]セクションの一番下にある[保存]（！）ボタンをクリックします。 設定の保存に関するメッセージを参照してください （図6）。

7.サイトのページを確認して、設定を保存してください。

..（図5（1,2,3,4））

（図6）

最後に、これらの作業の後、ユーザースタイルに合わせた形式のHabrページが表示されます。



..（図7（1,2,3））



いくつかのスタイル、特にposition：fixed;が機能しないことがわかります。これは、ウィンドウの隅に浮かぶメニューの原因となります。 （上部の図7-2。ユーザースクリプトでエミュレートする必要があります。）一部のブロック（ヘッダー？）ウィンドウで圧縮を実行せず、ページを水平に分割しませんでした。 通常の表示速度の実際のテストデバイスでは、これらの場所はほとんどすぐにデバッグされます。



ログインに約1時間かかりました（エミュレータの速度だけのためです）（コンピュータのメモリが非常にビジーだったため）、それで作業する快適さを評価することは絶対に不可能です。 ただし、ログインが機能することが証明されています。



別のスクリーンショットは、記事のディスカッションページです。 グルジアは、約15分で、全ページや細かい文字の形をしていました。 通常、次のページ移動では、設定でスケールが指定されます（100％）。 ページ幅には小さなエラーがいくつかありますが、CSS3スタイルに従って、メッセージの左側にある半透明の展開された「返信」ボタンが正しく描画されていることをお勧めします。 （私自身は写真のダウンロードを中断しましたが、それらはすべて負荷が半分未満であることがすべて正しいのです。）さらなる行動は、答えを出すよりも多くの質問を投げかけます。 応答ボタンをクリックすることは不可能でした-ページの移動、または3〜4回クリックすると、ブラウザが閉じられました。

..（図8）

モバイルインターフェースの条件により、タッチスクリーンの使いやすさのためにスタイルの追加編集が必要になる可能性があります。もっと何かをする、ボタンをどこかに置く（検索など）。 しかし今日、カスタムスタイリングは別のモバイルプラットフォームで獲得しています。 （SymbianとWin Mobileでは、彼女は以前Operaで働いていました）。

書かれたコードのサポート

Habréの記事は、つかの間の出版には適していますが、時間とともに来るトピックやコメントをサポートするには適していません。 Androidのフォーラムや別のリソースのOperaで、別の場所でスタイルのディスカッションとサポートを整理すると便利です。 オプションを提案します。



それにもかかわらず、スタイルが異なる実際のデバイス（Habr用のAndroidアプリケーションのコメントで対話を開始したまさにそのこと）で動作することを確認することは素晴らしいことです。 実際のスタイルのライブデバイスへの移植に関するフィードバックを待っています（30分以内で完了します）。



もちろん、あまり馴染みのないこの一連のインストールアクションの代わりに、非表示の単純なアプリケーションの作成を要求します。これにより、特定のサイトのユーザースタイルが外部から移植されます。 ダウンロードしてブラウザにCSSファイルをコピーするだけでも、「名前を付けて保存...」を保存する通常の方法がありません。 もちろん、それはウェブサイトのインタフェースの完全な複製を持つ計り知れないほどシンプルなアプリケーションになります。 （疑問は残ります。ブラウザとアプリケーションの比較はどれくらい遅くなりますか？しかし、本格的なブラウザでのブラウジングはそれほど快適ではありませんか？）

Fifefox Mobileのスタイル

ほとんどの場合、それらも機能しますが、1つのブラウザで確認することで主な目標が既に達成されているため、テストされていません。 誰かがFirefoxでスタイルをチェックしてインストールすることに決めた場合、そのページのディスカッションページのアドレスも取得したいと思います。 または、ブラウザの最新のより安定したバージョンを待ちます。