WebSVN – scratch – Blame – Rev 133 – /bower

        div.setAttribute('style', important('font: 100px/1em sans-serif; -webkit-text-size-adjust: none; text-size-adjust: none; height: auto; width: 1em; padding: 0; overflow: visible;'));

115

116

// The container exists so that the div will be laid out in its own flow

117

// while not impacting the layout, viewport size, or display of the

118

// webpage as a whole.

119

// Add !important and relevant CSS rule resets

120

// so that other rules cannot affect the results.

121

var container = document.createElement('div');

122

        container.setAttribute('style', important('width:0; height:0; overflow:hidden; visibility:hidden; position: absolute;'));

123

container.appendChild(div);

124

125

document.body.appendChild(container);

126

var zoom = 1000 / div.clientHeight;

127

zoom = Math.round(zoom * 100) / 100;

128

document.body.removeChild(container);

return{

zoom: zoom,

devicePxPerCssPx: zoom * devicePixelRatio()

};

};

/**

* no real trick; device-pixel-ratio is the ratio of device dpi / css dpi.

138

* (Note that this is a different interpretation than Webkit's device

139

* pixel ratio, which is the ratio device dpi / system dpi).

140

*

141

* Also, for Mozilla, there is no difference between the zoom factor and the device ratio.

*

* @return {Object}

* @private

*/

var firefox4 = function () {

147

var zoom = mediaQueryBinarySearch('min--moz-device-pixel-ratio', '', 0, 10, 20, 0.0001);

148

zoom = Math.round(zoom * 100) / 100;

149

return {

150

zoom: zoom,

151

devicePxPerCssPx: zoom

};

};

/**

* Firefox 18.x

* Mozilla added support for devicePixelRatio to Firefox 18,

158

* but it is affected by the zoom level, so, like in older

159

* Firefox we can't tell if we are in zoom mode or in a device

160

* with a different pixel ratio

* @return {Object}

* @private

*/

var firefox18 = function () {

165

return {

166

zoom: firefox4().zoom,

167

devicePxPerCssPx: devicePixelRatio()

};

};

/**

* works starting Opera 11.11

173

* the trick: outerWidth is the viewport width including scrollbars in

174

* system px, while innerWidth is the viewport width including scrollbars

* in CSS px

* @return {Object}

* @private

*/

var opera11 = function () {

180

var zoom = window.top.outerWidth / window.top.innerWidth;

181

zoom = Math.round(zoom * 100) / 100;

182

return {

183

zoom: zoom,

184

devicePxPerCssPx: zoom * devicePixelRatio()

};

};

/**

* Use a binary search through media queries to find zoom level in Firefox

* @param property

* @param unit

* @param a

* @param b

* @param maxIter

* @param epsilon

* @return {Number}

*/

var mediaQueryBinarySearch = function (property, unit, a, b, maxIter, epsilon) {

199

var matchMedia;

200

var head, style, div;

201

if (window.matchMedia) {

202

matchMedia = window.matchMedia;

203

} else {

204

head = document.getElementsByTagName('head')[0];

205

style = document.createElement('style');

206

head.appendChild(style);

207

208

div = document.createElement('div');

209

div.className = 'mediaQueryBinarySearch';

210

div.style.display = 'none';

211

document.body.appendChild(div);

212

213

matchMedia = function (query) {

214

                style.sheet.insertRule('@media ' + query + '{.mediaQueryBinarySearch ' + '{text-decoration: underline} }', 0);

215

var matched = getComputedStyle(div, null).textDecoration == 'underline';

216

style.sheet.deleteRule(0);

217

return {matches: matched};

218

};

219

}

220

var ratio = binarySearch(a, b, maxIter);

221

if (div) {

222

head.removeChild(style);

223

document.body.removeChild(div);

}

return ratio;

function binarySearch(a, b, maxIter) {

228

var mid = (a + b) / 2;

229

if (maxIter <= 0 || b - a < epsilon) {

230

<= 0 || b - a < epsilon) {< epsilon) { return mid;

231

<= 0 || b - a < epsilon) {< epsilon) { }

232

<= 0 || b - a < epsilon) {< epsilon) { var query = "(" + property + ":" + mid + unit + ")";

233

<= 0 || b - a < epsilon) {< epsilon) { if (matchMedia(query).matches) {

234

<= 0 || b - a < epsilon) {< epsilon) { return binarySearch(mid, b, maxIter - 1);

235

<= 0 || b - a < epsilon) {< epsilon) { } else {

236

<= 0 || b - a < epsilon) {< epsilon) { return binarySearch(a, mid, maxIter - 1);

237

<= 0 || b - a < epsilon) {< epsilon) { }

238

<= 0 || b - a < epsilon) {< epsilon) { }

239

<= 0 || b - a < epsilon) {< epsilon) { };

240

241

<= 0 || b - a < epsilon) {< epsilon) { /**

242

<= 0 || b - a < epsilon) {< epsilon) { * Generate detection function

243

<= 0 || b - a < epsilon) {< epsilon) { * @private

244

<= 0 || b - a < epsilon) {< epsilon) { */

245

<= 0 || b - a < epsilon) {< epsilon) { var detectFunction = (function () {

246

<= 0 || b - a < epsilon) {< epsilon) { var func = fallback;

247

<= 0 || b - a < epsilon) {< epsilon) { //IE8+

248

<= 0 || b - a < epsilon) {< epsilon) { if (!isNaN(screen.logicalXDPI) && !isNaN(screen.systemXDPI)) {

249

<= 0 || b - a < epsilon) {< epsilon) { func = ie8;

250

<= 0 || b - a < epsilon) {< epsilon) { }

251

<= 0 || b - a < epsilon) {< epsilon) { // IE10+ / Touch

252

<= 0 || b - a < epsilon) {< epsilon) { else if (window.navigator.msMaxTouchPoints) {

253

<= 0 || b - a < epsilon) {< epsilon) { func = ie10;

254

<= 0 || b - a < epsilon) {< epsilon) { }

255

<= 0 || b - a < epsilon) {< epsilon) { //Mobile Webkit

256

<= 0 || b - a < epsilon) {< epsilon) {        else if ('orientation' in window && typeof document.body.style.webkitMarquee === 'string') {

257

<= 0 || b - a < epsilon) {< epsilon) { func = webkitMobile;

258

<= 0 || b - a < epsilon) {< epsilon) { }

259

<= 0 || b - a < epsilon) {< epsilon) { //WebKit

260

<= 0 || b - a < epsilon) {< epsilon) { else if (typeof document.body.style.webkitMarquee === 'string') {

261

<= 0 || b - a < epsilon) {< epsilon) { func = webkit;

262

<= 0 || b - a < epsilon) {< epsilon) { }

263

<= 0 || b - a < epsilon) {< epsilon) { //Opera

264

<= 0 || b - a < epsilon) {< epsilon) { else if (navigator.userAgent.indexOf('Opera') >= 0) {

265

<= 0 || b - a < epsilon) {< epsilon) { func = opera11;

266

<= 0 || b - a < epsilon) {< epsilon) { }

267

<= 0 || b - a < epsilon) {< epsilon) { //Last one is Firefox

268

<= 0 || b - a < epsilon) {< epsilon) { //FF 18.x

269

<= 0 || b - a < epsilon) {< epsilon) { else if (window.devicePixelRatio) {

270

<= 0 || b - a < epsilon) {< epsilon) { func = firefox18;

271

<= 0 || b - a < epsilon) {< epsilon) { }

272

<= 0 || b - a < epsilon) {< epsilon) { //FF 4.0 - 17.x

273

<= 0 || b - a < epsilon) {< epsilon) { else if (firefox4().zoom > 0.001) {

274

<= 0 || b - a < epsilon) {< epsilon) { func = firefox4;

275

<= 0 || b - a < epsilon) {< epsilon) { }

276

277

<= 0 || b - a < epsilon) {< epsilon) { return func;

278

<= 0 || b - a < epsilon) {< epsilon) { }());

279

280

281

<= 0 || b - a < epsilon) {< epsilon) { return ({

282

283

<= 0 || b - a < epsilon) {< epsilon) { /**

284

<= 0 || b - a < epsilon) {< epsilon) { * Ratios.zoom shorthand

285

<= 0 || b - a < epsilon) {< epsilon) { * @return {Number} Zoom level

286

<= 0 || b - a < epsilon) {< epsilon) { */

287

<= 0 || b - a < epsilon) {< epsilon) { zoom: function () {

288

<= 0 || b - a < epsilon) {< epsilon) { return detectFunction().zoom;

289

<= 0 || b - a < epsilon) {< epsilon) { },

290

291

<= 0 || b - a < epsilon) {< epsilon) { /**

292

<= 0 || b - a < epsilon) {< epsilon) { * Ratios.devicePxPerCssPx shorthand

293

<= 0 || b - a < epsilon) {< epsilon) { * @return {Number} devicePxPerCssPx level

294

<= 0 || b - a < epsilon) {< epsilon) { */

295

<= 0 || b - a < epsilon) {< epsilon) { device: function () {

296

<= 0 || b - a < epsilon) {< epsilon) { return detectFunction().devicePxPerCssPx;

297

<= 0 || b - a < epsilon) {< epsilon) { }

298

<= 0 || b - a < epsilon) {< epsilon) { });

299

<= 0 || b - a < epsilon) {< epsilon) {}));

scratch – Blame information for rev 133