Scripsit
AT******@gmail.com:
I wonder if it's possible to "force" a browser
It isn't.
to "switch to SSR mode" for any given document.
To get an answer to the better question whether it is possible to suggest
that a browser switch to SSR mode, you need to define what you mean by SSR
mode. Your message body doesn't even include an expansion of the TLA!
i'm not concerned w/ manipulating a browser (i.e. prefs., settings
this URL, always view SSR, save), but rather something i would code
into the document which would request the browser to display in this
mode (i.e. < link rel.. .or, < div id=SSR where SSR would be
declared by CSS, or perhaps javascript to manipulate the DOM (or
control the browser outside of simply parsing the stylesheet), or some
XML/ SGML markup, etc. whatever presents a possible solution)
..to present a document which, when viewed, will always display in a
sort of SSR style ("always" meaning whenever possible as dictated by
current browser-meets-coding technology).
Thanks for reading this convoluted mess,
It doesn't help that we read it. You need to formulate your question
sensibly. Use short sentences, about two short lines or so. Explain first
what you mean, then perhaps what you don't mean.
I really have no knowledge of "how SSR works".
So what could you possibly mean by "forcing" a browser to "switch to SSR
mode"? You could just as well have asked how to force a browser into YOICR
mode.
While waiting for a sensible question, herea are answers to two questions
that you _might_ have meant:
1) The element <link rel="stylesheet" type="text/css" media="handheld"
href="hh.css"says that the rules in hh.css should be used if and only if
the browsers works on a handheld device, which is typically characterized by
a small display area and other restrictions. At present, some specialized
browsers as well as Opera supports this idea, while others would just ignore
that stylesheet.
2) You can simulate a small screen setting up a stylesheet that restricts
the canvas, e.g.
html { margin: 0; padding: 0; }
body { width: 300px;
height: 200px;
overflow: auto;
margin: 0;
padding: 2px 4px;
border: solid #333 2px; }
(though you can basically achieve the same by using a small window)
and then you can CSS rules that you regard as suitable for such rendering.
You would probably first want to make headings use the same font size as
copy text, or just a little larger.
--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/
(YOICR = Yucca's Own Idea of Correct Rendering)