আমি iOS এ ফোনগ্যাপ ব্যবহার করে সঠিকভাবে ওরিয়েন্টেশন পরিবর্তনটি কীভাবে সনাক্ত করব?

Question

আমি নীচে JQTouch রেফারেন্স উপাদান খুঁজছেন এই ওরিয়েন্টেশন পরীক্ষা কোড খুঁজে পেয়েছি। এটি মোবাইল সাফারিতে আইওএস সিমুলেটরে সঠিকভাবে কাজ করে তবে ফোনগ্যাপে সঠিকভাবে পরিচালিত হয় না। আমার প্রকল্পটি একই পরীক্ষায় চলছে যা এই পরীক্ষার পৃষ্ঠাটি নিহত করছে। ফোনগ্যাপে জাভাস্ক্রিপ্ট ব্যবহার করে ওরিয়েন্টেশন পরিবর্তন বোঝার কোনও উপায় আছে কি?

window.onorientationchange = function() {
  /*window.orientation returns a value that indicates whether iPhone is in portrait mode, landscape mode with the screen turned to the
    left, or landscape mode with the screen turned to the right. */
  var orientation = window.orientation;
  switch (orientation) {
    case 0:
      /* If in portrait mode, sets the body's class attribute to portrait. Consequently, all style definitions matching the body[class="portrait"] declaration
         in the iPhoneOrientation.css file will be selected and used to style "Handling iPhone or iPod touch Orientation Events". */
      document.body.setAttribute("class", "portrait");

      /* Add a descriptive message on "Handling iPhone or iPod touch Orientation Events"  */
      document.getElementById("currentOrientation").innerHTML = "Now in portrait orientation (Home button on the bottom).";
      break;

    case 90:
      /* If in landscape mode with the screen turned to the left, sets the body's class attribute to landscapeLeft. In this case, all style definitions matching the
         body[class="landscapeLeft"] declaration in the iPhoneOrientation.css file will be selected and used to style "Handling iPhone or iPod touch Orientation Events". */
      document.body.setAttribute("class", "landscape");

      document.getElementById("currentOrientation").innerHTML = "Now in landscape orientation and turned to the left (Home button to the right).";
      break;

    case -90:
      /* If in landscape mode with the screen turned to the right, sets the body's class attribute to landscapeRight. Here, all style definitions matching the
         body[class="landscapeRight"] declaration in the iPhoneOrientation.css file will be selected and used to style "Handling iPhone or iPod touch Orientation Events". */
      document.body.setAttribute("class", "landscape");

      document.getElementById("currentOrientation").innerHTML = "Now in landscape orientation and turned to the right (Home button to the left).";
      break;
  }
}

Comments

জাভাস্ক্রিপ্ট ব্যবহার করে ওরিয়েন্টেশন পরিবর্তনের

— গজুস

Answer 1

এই আমি কি কি:

function doOnOrientationChange() {
    switch(window.orientation) {  
      case -90: case 90:
        alert('landscape');
        break; 
      default:
        alert('portrait');
        break; 
    }
}
  
window.addEventListener('orientationchange', doOnOrientationChange);
  
// Initial execution if needed
doOnOrientationChange();

---

আপডেট করতে পারে 2019: window.orientation একটি অননুমোদিত বৈশিষ্ট্য এবং অধিকাংশ ব্রাউজার দ্বারা সমর্থিত নয় MDN অনুযায়ী । orientationchangeঘটনা window.orientation সঙ্গে যুক্ত এবং সেইজন্য সম্ভবত না ব্যবহার করা উচিত।

Comments

এই আলোচনা থেকে আমার পক্ষে এটিই একমাত্র সমাধান কাজ করে :) +1

— আতাদজ

আমি করেছিwindow.onorientationchange = function() { setTimeout(functionName, 0); };

— কির্ক স্ট্রোবেক

আগ্রহের বাইরে, আপনি কেন সেটটাইমআউট কার্ক ব্যবহার করলেন?

— ব্যাকডেস্ক

সতর্ক হোন! এটি ডিভাইস নির্দিষ্ট - ডিগ্রি ডিভাইসগুলির স্ট্যান্ডার্ড ওরিয়েন্টেশন থেকে পার্থক্য বোঝায়। অন্য কথায়, যদি ট্যাবলেটটি ল্যান্ডস্কেপটিতে ব্যবহারের জন্য ডিজাইন করা হয়, তবে 90 এর অর্থ এটি পোট্রেট মোডে রয়েছে। এটির কাজ হিসাবে, আমি প্রথমে ওরিয়েন্টেশন সংরক্ষণের জন্য উইন্ডোর প্রস্থের উচ্চতা এবং প্রস্থটি পরীক্ষা করে দেখি এবং যদি কোনও পরিবর্তন ঘটে থাকে তবে এটি আপডেট করার জন্য ওরিয়েন্টেশন ব্যবহার করি।

— benallansmith

অতিরিক্তভাবে, আমি দেখতে পেয়েছি যে প্রস্থ এবং উচ্চতা পরিবর্তনের আগে ওরিয়েন্টেশন বিনিময়ের অগ্নিকাণ্ডগুলি প্রস্থ এবং উচ্চতা ব্যবহার করে সঠিকভাবে ওরিয়েন্টেশন সনাক্ত করতে কিছুটা বিলম্ব প্রয়োজন। এর জন্য, আমি বর্তমান ওরিয়েন্টেশনটি সঞ্চয় করি এবং যখন কোনও পরিবর্তন সনাক্ত হয়, আমি 250 মিমি অবধি 50 মিমি ইনক্রিমেন্টে ওরিয়েন্টেশন পরিবর্তনের জন্য যাচাই করি। একবার পার্থক্য পাওয়া গেলে, আমি তারপরে পৃষ্ঠাটি আপডেট করি my আমার নেক্সাস 5-এ, এটি সাধারণত 150 মিমি পরে প্রস্থ এবং উচ্চতার পার্থক্য সনাক্ত করে।

— benallansmith

Answer 2

আমি ব্যবহার করি window.onresize = function(){ checkOrientation(); } এবং চেক ওরিয়েন্টেশনে আপনি উইন্ডো.অরিয়েন্টেশন বা বডি প্রস্থ যাচাই করতে পারেন তবে ধারণাটি হ'ল, "উইন্ডোজ.অনরেজাইজ" হ'ল সর্বাধিক ক্রস ব্রাউজার পদ্ধতি, কমপক্ষে বেশিরভাগ মোবাইল এবং ডেস্কটপ ব্রাউজারের সাথে আমার একটি ছিল পরীক্ষা করার সুযোগ।

Comments

এটি একটি দুর্দান্ত পয়েন্ট। আপনি যদি কোনও ওয়েব-মুখোমুখি প্রযুক্তি ব্যবহার করে বিকাশ করে থাকেন তবে এই পদ্ধতিটি আপনাকে প্রতিটি বারে মোতায়েন / অনুকরণের পরিবর্তে ব্রাউজারে আরও সহজে ডিবাগ এবং পরীক্ষা করতে দেয়।

— ম্যাট রে

এটি মোটেও ঠিক নয় ... কারণ কীবোর্ড প্রদর্শিত হবে এটির আকার পরিবর্তন হবে (এবং এটি কেবলমাত্র ক্ষেত্রে নয়)। এই জন্য একটি বড় কোন!

— হেলবাবি

@ হেলবাবি যখন কীবোর্ডটি উপস্থিত হবে তখন ফাংশনটি ডাকা হবে, তবে আপনি কোন পদ্ধতিটি ওরিয়েন্টেশন সনাক্তকরণের জন্য ব্যবহার করছেন তার উপর নির্ভর করে এটি সনাক্ত করবে যে ওরিয়েন্টেশনটি পরিবর্তিত হয়নি, যেমন উইন্ডো.রিরিয়েন্টেশনের ক্ষেত্রে হবে। সুতরাং আমি এখনও আমার উত্তর পাশে দাঁড়ানো।

— hndcrftd

@ রেন আমি এই পদ্ধতিটি একটি আইপ্যাড 4 এ ব্যবহার করেছি এবং এই সমস্যার কারণে এটি পরিবর্তন করতে বাধ্য হয়েছিলাম। তাই সম্ভবত এটি কিছু ডিভাইসের জন্য কাজ করছে তবে সবার জন্য নয় ...

— HellBaby

@ ম্যাটরে আপনি সর্বশেষত ডেভ টুলকিটগুলির সাহায্যে সহজেই ওরিয়েন্টেশন পরিবর্তনের পরীক্ষা করতে পারেন যা এই ধরণের ডিভাইস আচরণ অনুকরণ করতে সক্ষম।

— কনস্টুর

Answer 3

if (window.matchMedia("(orientation: portrait)").matches) {
   // you're in PORTRAIT mode
}

if (window.matchMedia("(orientation: landscape)").matches) {
  // you're in LANDSCAPE mode
}

Comments

আপনি এটি একটি resizeইভেন্টের সাথে সংযুক্ত করতে পারেন । তবে আইআইআরসি, এই প্রশ্নগুলি কীবোর্ড আপের সাথে সঠিকভাবে কাজ করবে না।

— adi518

Answer 4

আমি আইওএস এবং ফোনগ্যাপেও বেশ নতুন, তবে ইভেন্ট ইভেন্টলিস্টারে যোগ করে আমি এটি করতে সক্ষম হয়েছি। আমি একই জিনিসটি করেছি (উদাহরণ হিসাবে আপনি উল্লেখ করেছেন), এবং এটি কাজ করতে পারে না। তবে এটি কৌশলটি দেখে মনে হচ্ছে:

// Event listener to determine change (horizontal/portrait)
window.addEventListener("orientationchange", updateOrientation); 

function updateOrientation(e) {
switch (e.orientation)
{   
    case 0:
        // Do your thing
        break;

    case -90:
        // Do your thing
        break;

    case 90:
        // Do your thing
        break;

    default:
        break;
    }
}

"অভিমুখীকরণ" শব্দটির জন্য আপনি ফোনগ্যাপ গুগল গ্রুপ অনুসন্ধান করতে কিছু ভাগ্য পেতে পারেন ।

ওরিয়েন্টেশন সনাক্তকরণের উদাহরণ হিসাবে আমি পড়ার একটি উদাহরণ পাই পাই: ( গেম , জেএস ফাইল )। এটি আপনার পোস্ট করা কোডের মতো, তবে আপনার মতো ... আমি এটি কাজ করতে পারিনি।

একটি সতর্কতামূলক: ইভেন্টলিস্টনার আমার পক্ষে কাজ করেছিল, তবে আমি নিশ্চিত নই যে এটি অত্যধিক নিবিড় পদ্ধতির কিনা। এখন পর্যন্ত এটি আমার পক্ষে কাজ করা একমাত্র উপায় ছিল, তবে এর চেয়ে আরও ভাল, আরও সহজতর উপায় আছে কিনা তা আমি জানি না।

---

উপরের কোডটি আপডেট করে আপডেট করুন , এটি এখন কাজ করে

Comments

প্লিজ ইভেন্টের নামটি ঠিক করুন

— ড্যান

Answer 5

orientationchangeইভেন্টটির সাথে কাজ করার সময় , পৃষ্ঠাটির উপাদানগুলির সঠিক মাত্রা পেতে আমার একটি সময়সীমা দরকার ছিল, তবে ম্যাচমিডিয়া ভালভাবে কাজ করেছিল। আমার চূড়ান্ত কোড:

var matchMedia = window.msMatchMedia || window.MozMatchMedia || window.WebkitMatchMedia || window.matchMedia;

if (typeof(matchMedia) !== 'undefined') {
  // use matchMedia function to detect orientationchange
  window.matchMedia('(orientation: portrait)').addListener(function() {
    // your code ...
  });
} else {
  // use orientationchange event with timeout (fires to early)
  $(window).on('orientationchange', function() {
    window.setTimeout(function() {
      // your code ...
    }, 300)
  });
}

Answer 6

আমি বিশ্বাস করি যে সঠিক উত্তরটি ইতিমধ্যে পোস্ট করা হয়েছে এবং স্বীকার করা হয়েছে, তবুও একটি সমস্যা রয়েছে যা আমি নিজেই অনুভব করেছি এবং আরও কিছু এখানে উল্লেখ করেছেন।

নির্দিষ্ট প্ল্যাটফর্মে, উইন্ডো ডাইমেনশন ( window.innerWidth, window.innerHeight) এর মতো বিভিন্ন বৈশিষ্ট্য window.orientationএবং ইভেন্টটি "orientationchange"চালিত হওয়ার পরে সম্পত্তিটি আপডেট হবে না । অনেক সময়, সম্পত্তি window.orientationহল undefinedঅগ্নিসংযোগ পরে কয়েক মিলিসেকেন্ড জন্য "orientationchange"(অন্তত এটা iOS এ Chrome এ যায়)।

আমি এই সমস্যাটি হ্যান্ডেল করার সবচেয়ে ভাল উপায়টি হ'ল:

var handleOrientationChange = (function() {
    var struct = function(){
        struct.parse();
    };
    struct.showPortraitView = function(){
        alert("Portrait Orientation: " + window.orientation);
    };
    struct.showLandscapeView = function(){
        alert("Landscape Orientation: " + window.orientation);
    };
    struct.parse = function(){
        switch(window.orientation){
            case 0:
                    //Portrait Orientation
                    this.showPortraitView();
                break;
            default:
                    //Landscape Orientation
                    if(!parseInt(window.orientation) 
                    || window.orientation === this.lastOrientation)
                        setTimeout(this, 10);
                    else
                    {
                        this.lastOrientation = window.orientation;
                        this.showLandscapeView();
                    }
                break;
        }
    };
    struct.lastOrientation = window.orientation;
    return struct;
})();
window.addEventListener("orientationchange", handleOrientationChange, false);

ওরিয়েন্টেশনটি হয় পূর্বনির্ধারিত কিনা বা ওরিয়েন্টেশনটি শেষ ওরিয়েন্টেশনের সমান কিনা তা পরীক্ষা করে দেখছি am যদি উভয়ই সত্য হয় তবে আমি দশ মিলিসেকেন্ড অপেক্ষা করি এবং তারপরে আবার ওরিয়েন্টেশনটি পার্স করব। ওরিয়েন্টেশন যদি সঠিক মান হয় তবে আমি showXOrientationফাংশনগুলিকে কল করি । যদি অরিয়েন্টেশনটি অবৈধ থাকে তবে আমি আমার চেকিংয়ের ফাংশনটি লুপ করতে থাকি, এটি বৈধ না হওয়া পর্যন্ত প্রতিবার দশ মিলিসেকেন্ড অপেক্ষা করে waiting

এখন আমি এর জন্য একটি জেএসফিডাল তৈরি করব, যেমনটি আমি সাধারণত করতাম তবে জেএসফিডাল আমার পক্ষে কাজ করছে না এবং এর জন্য আমার সমর্থন বাগটি বন্ধ ছিল কারণ অন্য কেউ একই সমস্যাটির প্রতিবেদন করছে না। অন্য কেউ যদি এটিকে জেএসফিডেলে রূপান্তর করতে চান তবে দয়া করে এগিয়ে যান।

ধন্যবাদ! আশা করি এটা কাজে লাগবে!

Comments

এফওয়াইআই, প্রাথমিক পরীক্ষার সময়, আমি একটি সমস্যা দেখেছি: আমি বেশ কয়েকবার ঘড়ির কাঁটার দিকে ঘোরালাম এবং একটি সতর্কতা বলেছিল "ল্যান্ডস্কেপ ওরিয়েন্টেশন: 180" যদিও আমার ডিভাইসটি প্রতিকৃতি হিসাবে শারীরিকভাবে ওরিয়েন্টেড ছিল।

— মার্সএন্ডব্যাক

Answer 7

এখানে আমি কি করেছি:

window.addEventListener('orientationchange', doOnOrientationChange);

function doOnOrientationChange()
{
      if (screen.height > screen.width) {
         console.log('portrait');
      } else {
         console.log('landscape');
      }
}

Answer 8

যদিও প্রশ্নটি কেবল ফোনগ্যাপ এবং আইওএস ব্যবহারকে বোঝায়, এবং যদিও এর উত্তর ইতিমধ্যে দেওয়া হয়েছিল, আমি জেএসের সাথে স্ক্রিন ওরিয়েন্টেশন সনাক্তকরণের বিস্তৃত প্রশ্নে 2019 সালে কিছু যুক্ত করতে পারি:

1. window.orientationসম্পত্তি হ্রাস করা হয় এবং অ্যান্ড্রয়েড ব্রাউজারগুলি দ্বারা সমর্থন করা হয় না here এখানে নতুন বৈশিষ্ট্য যা অভিযোজন সম্পর্কে আরও তথ্য সরবরাহ করে - screen.orientation। তবে এটি এখনও পরীক্ষামূলক এবং আইওএস সাফারি দ্বারা সমর্থিত নয় । সুতরাং শ্রেষ্ঠ ফলাফলের আপনি সম্ভবত দুই সমন্বয় ব্যবহার করতে হবে অর্জন করা: const angle = screen.orientation ? screen.orientation.angle : window.orientation।

2. @ বেনাল্লান্সমিথ তার মন্তব্যে যেমন উল্লেখ করেছেন , window.onorientationchangeইভেন্টটি আগে বরখাস্ত করা হয়েছে window.onresize, সুতরাং অভিমুখীকরণের ইভেন্টের পরে যদি আপনি কিছুটা বিলম্ব না করেন তবে আপনি পর্দার আসল মাত্রা পাবেন না।

3. পুরানো মোবাইল ব্রাউজারগুলিকে সমর্থন করার জন্য একটি কর্ডোভা স্ক্রিন ওরিয়েন্টেশন প্লাগিন রয়েছে তবে আমি বিশ্বাস করি আজকাল এটি ব্যবহারের কোনও প্রয়োজন নেই।

4. একটি screen.onorientationchangeইভেন্টও ছিল, তবে এটি অবহেলা করা হয়েছে এবং এটি ব্যবহার করা উচিত নয়। শুধুমাত্র উত্তর সম্পূর্ণতার জন্য যুক্ত করা হয়েছে।

আমার ব্যবহারের ক্ষেত্রে, আমি প্রকৃত ওরিয়েন্টেশন সম্পর্কে খুব বেশি চিন্তা করিনি, বরং উইন্ডোটির প্রকৃত প্রস্থ এবং উচ্চতা সম্পর্কে, যা স্পষ্টতই ওরিয়েন্টেশনের সাথে পরিবর্তিত হয়। সুতরাং আমি ইভেন্টটি এবং উইন্ডো মাত্রা বাস্তবায়নের resizeমধ্যে বিলম্বের সাথে মোকাবিলা করতে এড়াতে ইভেন্টটি ব্যবহার করেছি orientationchange:

window.addEventListener('resize', () => {
  console.log(`Actual dimensions: ${window.innerWidth}x${window.innerHeight}`);
  console.log(`Actual orientation: ${screen.orientation ? screen.orientation.angle : window.orientation}`);
});

দ্রষ্টব্য 1: আমি এখানে একমাস্ক্রিপ্ট 6 সিনট্যাক্স ব্যবহার করেছি, প্রয়োজনে এটি ES5 তে সংকলন করতে ভুলবেন না।

নোট 2: window.onresizeইভেন্টটি যখন ভার্চুয়াল কীবোর্ড টগল করা হয় কেবল তখনই হয় না, যখন ওরিয়েন্টেশন পরিবর্তিত হয়।

Answer 9

ডিভাইসটি ল্যান্ডস্কেপ অভিযোজনে রয়েছে কিনা তা সনাক্ত করার জন্য আমি এই কোডটি পেয়েছি এবং এই ক্ষেত্রে "সাইট দেখতে ওরিয়েন্টেশন পরিবর্তন করুন" বলে একটি স্প্ল্যাশ পৃষ্ঠা যুক্ত করুন। এটি আইওএস, অ্যান্ড্রয়েড এবং উইন্ডোজ ফোনে কাজ করছে। আমি মনে করি এটি বেশ কার্যকর কারণ এটি বেশ মার্জিত এবং মোবাইল সাইটের জন্য একটি ল্যান্ডস্কেপ দৃশ্য সেট করা এড়ানো। কোডটি খুব ভালভাবে কাজ করছে। সম্পূর্ণরূপে সন্তুষ্ট না হওয়ার একমাত্র জিনিসটি হ'ল কেউ যদি পৃষ্ঠাটি ল্যান্ডস্কেপ ভিউতে লোড করেন তবে স্প্ল্যাশ পৃষ্ঠাটি উপস্থিত হয় না।

<script>
(function() {
    'use strict';

    var isMobile = {
        Android: function() {
            return navigator.userAgent.match(/Android/i);
        },
        BlackBerry: function() {
            return navigator.userAgent.match(/BlackBerry/i);
        },
        iOS: function() {
            return navigator.userAgent.match(/iPhone|iPad|iPod/i);
        },
        Opera: function() {
            return navigator.userAgent.match(/Opera Mini/i);
        },
        Windows: function() {
            return navigator.userAgent.match(/IEMobile/i);
        },
        any: function() {
            return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
        }
    };
    if (isMobile.any()) {
        doOnOrientationChange();
        window.addEventListener('resize', doOnOrientationChange, 'false');
    }

    function doOnOrientationChange() {
        var a = document.getElementById('alert');
        var b = document.body;
        var w = b.offsetWidth;
        var h = b.offsetHeight;
        (w / h > 1) ? (a.className = 'show', b.className = 'full-body') : (a.className = 'hide', b.className = '');
    }
})();
</script>

এবং এইচটিএমএল: <div id="alert" class="hide"> <div id="content">This site is not thought to be viewed in landscape mode, please turn your device </div> </div>

Answer 10

if (window.DeviceOrientationEvent) {
    // Listen for orientation changes
    window.addEventListener("orientationchange", orientationChangeHandler);
    function orientationChangeHandler(evt) {
        // Announce the new orientation number
        // alert(screen.orientation);
        // Find matches
        var mql = window.matchMedia("(orientation: portrait)");

        if (mql.matches)  //true
    }
}

Answer 11

নিম্নলিখিত আমার জন্য কাজ করেছে:

function changeOrientation(){
switch(window.orientation) {
case 0: // portrait, home bottom
case 180: // portrait, home top
 alert("portrait H: "+$(window).height()+" W: "+$(window).width());       
 break;
          case -90: // landscape, home left
          case 90: // landscape, home right
        alert("landscape H: "+$(window).height()+" W: "+$(window).width());
            break;
        }
    }

 window.onorientationchange = function() { 
            //Need at least 800 milliseconds
            setTimeout(changeOrientation, 1000);
        }

আমার সময়সীমা দরকার ছিল কারণ এর মূল্য এখনই window.orientationআপডেট হয় না

Answer 12

আমি আইফোনের জন্য ফোনগ্যাপে একটি জিকিউ টাচ অ্যাপ তৈরি করছি। আমি কয়েকদিন ধরে এই সমস্যা নিয়ে লড়াই করছি। আমি ইভেন্টলিস্টারের সমাধানটি কয়েকবার প্রস্তাবিত দেখেছি, তবে এটি কাজ করতে পারেনি।

শেষ পর্যন্ত আমি ভিন্ন সমাধান নিয়ে এসেছি। এটি মূলত সময় সময়সীমা ব্যবহার করে শরীরের প্রস্থ পরীক্ষা করে the প্রস্থ যদি 320 হয় তবে ওরিয়েন্টেশনটি প্রতিকৃতি, যদি 480 হয় তবে ল্যান্ডস্কেপ। তারপরে, যদি শেষ চেকের পরে ওরিয়েন্টেশনটি পরিবর্তিত হয় তবে এটি কোনও প্রতিকৃতি স্টাফ ফাংশন বা একটি ল্যান্ডস্কেপ স্টাফ ফাংশনকে সরিয়ে দেবে যেখানে আপনি প্রতিটি অভিযোজনের জন্য আপনার জিনিসটি করতে পারেন।

কোড (দ্রষ্টব্য, আমি জানি কোডটিতে কিছু পুনরাবৃত্তি রয়েছে, কেবল এটি এখনও ছাঁটাই করতে বিরক্ত করেননি!):

// get original orientation based on body width
deviceWidth = $('body').width();
if (deviceWidth == 320) {
    currentOrientation = "portrait";
}
else if (deviceWidth == 480) {
    currentOrientation = "landscape";
}

// fire a function that checks the orientation every x milliseconds
setInterval(checkOrientation, 500);

// check orientation
function checkOrientation() {
    deviceWidth = $('body').width();
    if (deviceWidth == '320') {
        newOrientation = "portrait";
    }
    else if (deviceWidth == '480') {
        newOrientation = "landscape";
    }
    // if orientation changed since last check, fire either the portrait or landscape function
    if (newOrientation != currentOrientation) {
        if (newOrientation == "portrait") {
            changedToPortrait();
        }
        else if (newOrientation == "landscape") {
            changedToLandscape();
        }
        currentOrientation = newOrientation;
    }
}

// landscape stuff
function changedToLandscape() {
    alert('Orientation has changed to Landscape!');
}

// portrait stuff
function changedToPortrait() {
    alert('Orientation has changed to Portrait!');
}

Comments

ডিভাইসটিকে 320 বা 480 তে কোডিং করা ভবিষ্যতে বা বর্তমান হাই-রেজো ফোনগুলির সাথে কাজ করবে না।

— ফ্রেশিয়েবল

1) আপনার এমন onresizeইভেন্টটি ব্যবহার করা উচিত যা অবিলম্বে আগুন লাগবে, 500 মিলিসেকেন্ডে নয় 2) এই কোডটি অ্যান্ড্রয়েড-নির্দিষ্ট, onorientationchangeআইফোনের পরিবর্তে ব্যবহার করুন 3) এটি ব্রাউজারে সমর্থিত কিনা তা পরীক্ষা করুন:"onorientationchange" in window

— ড্যান