Hej alle
Jeg søger hjælp til hvordan jeg kan lave en mobil wrapper, af en allerede eksisterende webside (som jeg ikke ejer), hvorfor jeg ikke har mulighed for at rette i sidens kildekode.
Wrapperen skal vises i en iPhone-app i et UIWebView, hvor jeg bruger en blanding af objective-c og javascript til at injicere den css, som skal tilpasse hjemmesiden til iphonens skærm.
Jeg har fået ovenstående til at fungere, men mit problem er at få lavet et ordentlig stylesheet, der klarer ærterne.
Det er denne side jeg gerne vil have 'wrappet':
NCBI BLASTDer er flere ting der skal gøres, men mit problem består primært i, hvordan jeg får tilpasset bredden af alle elementerne på siden til bredden af iPhonens display (640px).
Indtil videre har jeg lavet følgende:
- div.input.blastx.tblastx, a.helplink.jig-ncbitoggler.ui-ncbitoggler.ui-widget, #upl, #bl2, div.input.blastx.tblastx, #header, #breadcrumb, #progDescr, #pagelinks, #footer, .bc-tabs, .searchsummary, #diffMes {
- display: none !important;
- }
-
- div {
- float: none !important;
- }
-
- html, body{
- max-width: 640px !important;
- background:none;
- }
-
- fieldset{
- padding-top: 20px;
- margin-top: 20px;
- }
-
- * {
- max-width: 640px !important;
- margin: 0 !important;
- padding: 0 !important;
- min-width: 0 !important;
- }
-
- div.nondef, span.nondef {
- background: none;
- }
-
- form.f-wrap-1 {
- background: none;
- display: inline;
- }
I min normale browser (chrome) ser det vældig fint ud:
BLAST i ChromeMen på iPhonen bliver layoutet noget mærkeligt:
BLAST på iPhoneVisse elementer på iPhonen bliver bredere end 640px og nogle ændrer sig når radiobutton'ene vælges osv.
Projektet er et privat projekt, så det er ligemeget om Apple tillader metoderne eller ej - det skal ikke submittes til App Store
Indlæg senest redigeret d. 03.04.2012 01:15 af Bruger #16676